@import url(/fancybox/jquery.fancybox-1.3.1.css);
@import url(/css/widgets.css);

/* 
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;	
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;	
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}
/** END RESET **/

header, section, footer, aside, nav, article, figure {  
    display: block;  
} 

/** BEGIN GRID **/

.container:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.container { display: inline-block; }
/* start commented backslash hack \*/
* html .container { height: 1%; }
.container { display: block; }
/* close commented backslash hack */


/* grid.css */

.span-1  { width: 30px;}
.span-2  { width: 70px;}
.span-3  { width: 110px;}
.span-4  { width: 150px;}
.span-5  { width: 190px;}
.span-6  { width: 230px;}
.span-7  { width: 270px;}
.span-8  { width: 310px;}
.span-9  { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23 { width: 910px;}
.span-24 { width: 950px; margin: 0; }

.last { margin-right: 0; }

/** END GRID **/

body { background:#fff; font: 15px/1.5 Geneva, Verdana, Arial, sans-serif;line-height: 1.4em;}
q  {	font-style: italic;}

a img { border: 0; }
img { vertical-align: middle; }

h1 {	font-size: 150%;font-weight: bold;}
h2 {	font-size: 130%;font-weight: bold;}
h3 {	font-size: 115%;font-weight: bold;}

.nav a {font-size: 90%;}

strong {font-weight: bold;}
em {font-style: italic;}

h1, h2, h3 {
	margin-bottom: 20px;
	margin-top: 10px;
	font-family: Helvetica, Geneva, Arial, sans-serif;
}

blockquote {margin-left: 20px; font-style: italic;}
.blockquoteCaption {text-align: right;}

.leftFloat {
	float: left;
	margin: 5px 15px 5px 0px;
}

.rightFloat, .rightfloat {
	float: right;
	margin: 5px 0px 5px 15px;
}

.clearer {clear: both;}

#content p {margin-bottom: 15px;}
#content img {border: 1px solid black;}
#content ul, #content ol {margin-left: 25px;}
#content ul li {list-style-type: disc;margin-bottom: 10px;}
#content ol li {list-style-type: decimal;}

#content div.leftcolumn {width: 300px;float: left;margin-right: 40px;}

#content div.rightColumn {font-size: 90%;float: right;margin-left: 40px;margin-bottom: 30px;width: 250px;}

#content .replace span {text-align: center;}


div.googlemaps {text-align: center;margin: 10px 0px;}

img#map {border: none;margin-left: 20px;} 


/*************** WIDGETS *************************/
.noticia 	 		{ margin-bottom: 25px;border-bottom: 1px solid #652A1F;display: block;}
.noticia img 		{ float:right;margin-left: 15px;margin-bottom: 15px;}
.noticia img.noFloat {float: none;}
.noticia p.title 	{ font-weight: bold;}
span.date			{ text-align: right;text-transform: uppercase;font-size: 80%;}

.posts .date {clear: both;} 


.newspanel a 	{ color: black;}
.newspanel 		{ background-color: #ffffcc;padding: 10px 15px; border-width: 1px 0px;border-style: solid;border-color: #faa61a;}

.vcard .org 			{ font-weight: bold;}
span.image 				{ display: block;	text-align: center;}
span.image span.caption { font-weight: bold;display: block; font-size: 90%;}

table.vista 					{ border-collapse: collapse;}
table.vista th, table.vista td 	{ padding: 10px;}
table.vista th 					{ font-weight: bold;} 

.gallery {clear: both;}
.gallery .column { float: left; margin-right: 10px; padding: 0; }

/* TODO Move this style to fancybox*/ 
a.polaroid { 
	-moz-transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out; 
	display: block; 
	background: #fff; 
	padding: 10px; 
	margin:5px; 
	-moz-box-shadow: #ccc 5px 5px 20px; 
	-webkit-box-shadow: #ccc 5px 5px 20px; 
	margin-bottom:1em; }
a.polaroid img { width: 200px; }
a.polaroid:hover { 
	-moz-box-shadow: #666 5px 5px 20px; 
	-webkit-box-shadow: #666 5px 5px 20px;
}

/*************** NAVIGATON ************************/
.nav ul 			{ padding: 10px;margin: 0px;}
.nav li 			{ list-style-type: none;margin-bottom: 10px;}
.nav li.active a { text-decoration: underline;font-weight: bold;}
.nav a 			{ text-decoration:none;}
.nav a:hover 	{ text-decoration:underline;}

/*************** FOOTER  ************************/
#footer { padding: 5px; text-align: left; background: #000; color: #fff; margin-top: 2em; position: relative; text-align: center;width: 560px;margin-left: 290px;}
#footer { -moz-border-radius:10px; -webkit-border-radius:10px; }
#footer a {color: white;}

/*************** LAYOUT  ************************/
#wrapper 						{ width: 860px; margin: 10px auto;}
#mainnav, #scndnav, #thirdnav 	{ height: 330px;}
#mainnav 						{ width: 280px;position: absolute;top: 10px;}
#scndnav 						{ width: 280px;position: absolute;top: 10px;margin-left: 290px;}
#thirdnav 						{ width: 280px;position: absolute;top: 10px;margin-left: 580px;}

#mainContent {margin-top: 350px;margin-bottom: 20px;margin-right: 0px;}

#header {
	width: 280px;
	float: left;
}
#content 		{margin-left: 290px;width: 550px;padding: 10px;}
#villasmenu 	{ position: absolute;top: 470px;width: 280px;}
#villasmenu ul 	{ margin-top: 40px;}

/*************** COLOR  ************************/
#content a:link {color:#0c0f4e;}
#content a:visited {color:#332222;} 
#content a:hover {color:#0c0f4e;} 
#content a:active {color:#0c0f4e;} 

#thirdnav 	{background-color: #faa61a;}
.nav a 		{color: white;}
#thirdnav a {color: black;}
#scndnav 	{background-color: #652A1F;}
#villasmenu {background-color: #652A1F;}
#mainnav 	{background-color: #060C10;}
#content 	{background-color: #E5CF9D;}
#content h3 {color: rgb(101, 42, 31);}

table.vista 	{ color: #000000; border: 1px solid #060C10; }
table.vista th 	{ color: #faa61a; background: #060C10; }
table.vista td 	{ background: #fefefe; border-right: 1px solid #652A1F; border-bottom: 1px solid #652A1F;}
/************** IMAGERY ***************************/

/** LEVIN **/
.replace {
  position: relative;
  margin: 0px; padding: 0px;
  /* hide overflow: hidden from IE5/Mac \*/
  overflow: hidden;
  /* */
}

.replace span {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1; /* for Opera 5 and 6 */
}


#myh1, #myh1 span 	{ height: 96px; width: 280px; background: url(../images/logo.png) top left no-repeat;}
#thirdnav 			{ background: #faa61a url(../images/rutas.gif) bottom right no-repeat;}
#scndnav  			{ background: #652A1F url(../images/municipios.gif) bottom right no-repeat;}
.nav h3 				{ display: none;}
#villasmenu 		{ background: #652A1F url(../images/periodico.gif) top right no-repeat;}
#alhondigahead, #alhondigahead span 		{ height: 136px; width: 545px; background: url(../images/alhondiga.jpg) top left no-repeat;}
#fuentelencinahead, #fuentelencinahead span { height: 145px; width: 545px; background: url(../images/fuentelencina.jpg) top left no-repeat;}
#horchehead, #horchehead span 				{ height: 187px; width: 545px; background: url(../images/horche.jpg) top left no-repeat;}
#moratillahead, #moratillahead span 		{ height: 171px; width: 545px; background: url(../images/moratilla.jpg) top left no-repeat;}
#penalverhead, #penalverhead span 			{ height: 173px; width: 545px; background: url(../images/penalver.jpg) top left no-repeat;}
#romanoneshead, #romanoneshead span 		{ height: 141px; width: 545px; background: url(../images/romanones.jpg) top left no-repeat;}
#tendillahead, #tendillahead span 			{ height: 269px; width: 545px; background: url(../images/tendilla.jpg) top left no-repeat;}
#aunonhead, #aunonhead span 				{ height: 113px; width: 545px; background: url(../images/aunon.jpg) top left no-repeat;}