/*------------------------------
=BASIC SETUP
------------------------------*/

/* Makeshift CSS Reset */
* {
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
	display: block;
}

body {
	margin: 0 auto;
	padding: 22px 0;
	width: 940px;
	font: 13px/22px Helvetica, Arial, sans-serif;
	background: #F0F0F0;
}

h1, h2 {
	font-size: 28px;
	line-height: 44px;
	padding: 2px 0 0 0;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	padding: 11px 0;
}

p {
	padding-bottom: 22px;
}



/*------------------------------
=NAVIGATION
------------------------------*/
/* idioma */
#idioma {
	width: 100%;
	display: block;
}
#idioma div{
float:right;

}
#idioma a{

	padding: 0 22px;
	color: #999;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;
}

/* menu dropdown*/

#menu{
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;  
	background: #111;
	background: -moz-linear-gradient(#444, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
}

#menu li{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
}

#menu a{
	float: left;
	height: 25px;
	padding: 0 25px;
	color: #999;
	text-transform: uppercase;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu li:hover > a{
	color: #fafafa;
}

*html #menu li a:hover{ /* IE6 */
	color: #fafafa;
}

#menu li:hover > ul{
	display: block;
}

/* Sub-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a{    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a{ /* IE6 */   
	height: 10px;
	width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */    
	height: 10px;
	width: 150px;
}

#menu ul a:hover{
        background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #04acec; 
}

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */


/* stMenu dropdown*/

#stMenu{
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#stMenu li{
	float: left;
	padding: 0 10px 0 10px;
	position: relative;
}

#stMenu a{
	float: left;
	height: 25px;
	padding: 0 15px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
}

#stMenu li:hover > a{
	color: #8e8e8e;
}

*html #stMenu li a:hover{ /* IE6 */
	color: #8e8e8e;
}

#stMenu li:hover > ul{
	display: block;
}

/* Sub-stMenu */

#stMenu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
}

#stMenu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
}



#stMenu ul a{    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #stMenu ul a{ /* IE6 */   
	height: 10px;
	width: 150px;
}

*:first-child+html #stMenu ul a{ /* IE7 */    
	height: 10px;
	width: 150px;
}


#stMenu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#stMenu ul li:first-child a:hover:after{
    border-bottom-color: #04acec; 
}

#stMenu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#stMenu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #stMenu             { zoom: 1; } /* IE6 */
*:first-child+html #stMenu { zoom: 1; } /* IE7 */
   
   
/*------------------------------
=MIGAS
------------------------------*/

div#migas {
    margin-bottom: 0.5em;
    margin-left: 0.2em; 
    margin-right: 0.2em; 
    padding-left: 10px;
    padding-right: 0.5em;   
    color: rgb(80, 80, 80);
    }

div#migas-interior {
    font: 1em 'Arial';    
    }
   
/*------------------------------
=INTRODUCTION
------------------------------*/

#intro {
	position: relative;
	margin-top: 20px;
	padding: 20px;
	/*background: #467612 url("../img/intro_flower.png") repeat-x;*/
	/*background: #083d4f url("../img/intro_flower.png") repeat-x;*/
	background: #083d4f url("../img/intro_cabecera.gif") repeat-x;
	
	
	/* Background-size not implemented yet */
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;

	
	/* Border-radius not implemented yet */
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
}

	#intro h2, #intro p {
		position: relative;
		z-index: 9999;
		width: 336px;
	}
	
	#intro h2 {
		padding: 0 0 22px 0;
		font-weight: normal;
		color: #fff;
	}
	
	#intro p {
		padding: 0;
		color: #d9f499;
	}
	
	#intro img {
		position: absolute;
		top: 0;
		right: 0;
		width: 653px;
		height: 100%;
	
		/* Border-radius not implemented yet */
		-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
	}



/*------------------------------
=CONTENT AREA AND SIDEBAR LAYOUT
------------------------------*/

#content {
	display: table;
}

	#mainContent {
		display: table-cell;
		width: 620px;
		padding-right: 22px;
	}
	aside {
		display: table-cell;
		width: 300px;
		background: url("../img/sidebar_background.png") top left;
	}



/*------------------------------
=BLOG POST - NOTICIA DETALLE
------------------------------*/
.blogPost header p, .blogPost header p a {
		font-size: 14px;
		font-style: italic;
		color: #777;
	}
	
		.blogPost header p a:hover {
			text-decoration: none;
			color: #000;
		}

.blogPost div {
	/* Column-count not implemented yet */
	-moz-column-count: 2;
	-webkit-column-count: 2;
	
	/* Column-gap not implemented yet */
	-moz-column-gap: 22px;
	-webkit-column-gap: 22px;
}
.blogPost div a{
			display: block;
			text-decoration: none;
			color: #000;
}
.blogPost div a:hover{
		text-decoration: underline;
}	
.blogPost img {
	margin: 22px 0;
	-webkit-box-shadow: 3px 3px 7px #777;
}
.blogPost div ul {
				padding-left:10px;
				list-style-type: circle;
}

/*------------------------------
=COMMENTS
------------------------------*/

#comments {
	margin-top: 21px;
	padding-top: 22px;
	border-top: 1px solid #d7d7d7;
}

	#comments article {
		display: table;
		padding: 22px;
	}
	
	#comments article:nth-child(odd) {
		padding: 21px;
		background: #E3E3E3;
		border: 1px solid #d7d7d7;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
	}
	
		#comments article header {
			display: table-cell;
			width: 220px;
			padding-right: 22px;
		}
		
			#comments article header a {
				display: block;
				font-weight: bold;
				color: #000;
			}
			
				#comments article header a:hover {
					text-decoration: none;
				}
		
		#comments article p {
			padding: 0;
		}



/*------------------------------
=COMMENT FORM
------------------------------*/
form {
	margin:21px 0 0 0;
	padding-top: 22px;
	border-top: 1px solid #d7d7d7;
}
.stFormulario {
	margin:21px 0 0 0;
	padding-top: 22px;
	border-top: 1px solid #d7d7d7;
	float:left !important;
	width:100%;
}

	form p {
		display: table;
		margin-bottom: 22px;
		padding: 0 22px;
	}

		form label {
			display: table-cell;
			width: 140px;
			padding-right: 20px;
			text-align: right;
			font-weight: bold;
			vertical-align: top;
		}
	
		form input[type="text"], form input[type="email"], form input[type="url"] {
			display: table-cell;
			width: 300px;
			height: 20px;
			border: 1px solid #d7d7d7;
		}

		.goalsText {
			display: table-cell;
			width: 20px !important;
			height: 20px;
			border: 1px solid #d7d7d7;
		}

		.roundText {
			display: table-cell;
			width: 50px !important;
			height: 20px;
			border: 1px solid #d7d7d7;
		}
		
		form textarea {
			width: 300px;
			height: 100px;
			border: 1px solid #d7d7d7;
		}
		
		form input[type="submit"] {
			margin-left: 162px;
		}


		.resultUpdateButton {
			margin-left: 0px !important;
		}


/*------------------------------
=SIDEBAR
------------------------------*/
aside section {

	margin: 22px 0 0 22px;
	padding: 11px 22px;
	background: url("../img/sidebar_section_background.png") ;
	
	/* Border-radius not implemented yet */
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}
.avisoLegal {

	margin: 22px 0 0 22px;
	padding: 11px 22px;
	/*background: url("../img/flower.png") ;*/
	background: url("../img/flower.png") no-repeat center center fixed;
	background-size: cover;
	color:transparent;
	/* Border-radius not implemented yet */
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}

	aside section ul {
		margin: 0 0 0 22px;
		list-style: none;
	}
	
		aside section ul li a {
			display: block;
			text-decoration: none;
			color: #000;
		}
		
			aside section ul li a:hover {
				text-decoration: underline;
			}


/*------------------------------
=VISTAS DE TABLAS
------------------------------*/
#tablaCalendario {
	background: #E3E3E3;
	padding:5px;
	border: 1px solid #d7d7d7;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
	margin: 0 0 10px 0;
}
#tabla {display: table;float:left;margin: 0 10px 0 0;}
#tabla2 {display: table;}
#row1Header { display: table-row;font-weight: bold;color:#0186ba;}
#row1 { display: table-row;background:#F0F0F0;}
#row2 { display: table-row;}      

#cell1 { display: table-cell; padding:2px; width:80px;}
#cell11{ display: table-cell; padding:2px;width:150px;}
#cell2 { display: table-cell;padding:2px;}
#cell22 { display: table-cell;padding:2px;width:250px;}
#cell3 { display: table-cell;padding:2px;}
#cell4 { display: table-cell;padding:2px;}
#cell5{ display: table-cell;padding:2px;}
#foto{border:1px solid #000000;}
#subrayado {
	background: #E3E3E3;
	padding:5px;
	border: 1px solid #d7d7d7;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
	margin: 0 0 10px 0;
} 

/*----------------------------------

venta
-------------------------------------*/


.infobulle{position: relative;z-index: 0;}
 
.infobulle:hover{background-color: transparent;z-index: 50;}
 
.infobulle span{
position: absolute;
background-color: #FFFFFF;
padding: 2px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
 
.infobulle span img{border: 1px;padding: 2px;}
 
.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
/*width: 400px ;*/
color:#FFFFFF;
border: 1px outset #e47509;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}   
/*------------------------------
=FOOTER
------------------------------*/
footer {
	
	margin:5px 0 0 0;
	position: absolute;
	left: 0;
	width: 100%;
	background: #222;
}

	footer div {
		display: table;
		margin: 0 auto;
		padding: 10px 0;
		width: 940px;
		color: #777;
	}
	
		footer div section {
			display: table-cell;
			width: 300px;
		}
		
		footer div #about, footer div #blogroll {
			padding-right: 20px;
		}
		
	footer h3 {
		color: #FFF;
	}
	
	footer a {
		color: #999;
	}
	
		footer a:hover {
			color: #FFF;
			text-decoration: none;
		}
	
	footer ul {
		margin: 0 0 0 40px;
		list-style: square;
		color: #565656;
	}
	
		footer ul li a {
			display: block;
		}
		

div.clear {
	position: relative;
	border:1px solid #cccccc;
	width:100%;
	margin:5px 0 0 0;
	clear: both;
  }