
/*----- basic styling -----*/

* {

	margin: 0;

	padding: 0;

}

.scroller p{color:#FFFFFF;}

body  {

font-family: Trebuchet Ms, Georgia, Arial, Times, serif;
	margin: 0;

	padding: 0;

	background-color:#113c5a;
	background-image:url(../_images/background.gif);
	background-repeat:repeat-x;
	color:#fffff;
	background-color:#113c5a;

}



#container {

	width: 975px;
	margin: auto;
	display:block;
	

} 



/*------- header styles -------*/



#header {

	height: 51px;

	text-align: center;
	background-image: url(../_images/navigation.jpg);
display:block;
} 





#header #navigation {

	text-align: center;
	height: 51px;
	display:block;
}
#imagen_cabecera{
background-image: url(../_images/header.png);
_behavior: url(iepngfix.htc);
background-repeat:no-repeat;
height:93px;
width:975px;
display:block;
margin-bottom:15px;
}
#logo{
background-image: url(../_images/logo.png);
_behavior: url(iepngfix.htc);
background-repeat:no-repeat;
float:left;
display:block;
width:149px;
height:129px;
}
#logo h1{
text-indent:-9999px;
}
.frase-es{
background-image: url(../_images/frase.png);
_behavior: url(iepngfix.htc);
background-repeat:no-repeat;
float:right;
display:block;
width:508px;
height:130px;
}
.frase-ga{
background-image: url(../_images/frase_g.png);
_behavior: url(iepngfix.htc);
background-repeat:no-repeat;
float:right;
display:block;
width:508px;
height:130px;
}
/*------- izquierda -------*/
#izquierda{
width:671px;
display:block;
float:left;
padding-right:20px;
//margin-top:15px;
_margin-top:15px;}
#intro{
text-align:left;
border-bottom: 2px solid #0b2c4f;
}
#izquierda p{
color:#FFFFFF;
}
.verde_border{
border-bottom: 2px solid #0b2c4f;
border-top: 2px solid #0b2c4f;
font-size:16px;
color:#82bbc3;
padding:3px;
font-weight:bold;
margin-top:5px;}
.verde{
font-size:16px;
color:#82bbc3;
padding:3px;
font-weight:bold;}
#container #izquierda .azul_inicio{
color:#1796ef;
font-size:13px;
text-align:justify;
font-weight:bold;
margin-top:10px;
font-size:16px;
text-decoration:none;}
.azul{
color:#1796ef;
font-size:13px;
text-align:justify;
font-weight:bold;
margin-top:10px;
font-size:16px;
text-decoration:none;}
.azul:hover{
color:#1796ef;
font-size:13px;
text-align:justify;
font-weight:bold;
margin-top:10px;
font-size:16px;
text-decoration:underline;
}
#izquierda p{
font-size:13px;
font-weight:bold;
margin-top:10px;
float:left;
text-align:justify;

}
.cursiva{
font-size:13px;
font-weight:bold;
margin-top:10px;
float:left;
text-align:justify;
font-style:italic;
color:#FFFFFF;
}
.imagen_borde{
border: 5px solid #ffffff;
text-align:left;
float:left;
margin-top:10px;}

/*------- derecha -------*/
#derecha{
width:280px;
float:right;
text-align:left;
margin-top:0px;
//margin-top:15px;
}
#derecha p{
font-size:13px;
font-weight:bold;
margin-top:10px;
text-align:justify;
color:#FFFFFF;
}
#derecha #img_p{
float:left;
margin-left:20px;
}

/*------- footer -------*/

#footer{
width:975px;
float:left;
color:#cccccc;
background-color:#000000;
border:1px solid #006699;
text-align:left;
font-size:9px;
padding:5px;
margin-top:10px;
font-size:11px;
}
#footer a{
color:#999999;
font-size:11px;
text-decoration:none;
}
#footer .azul{
color:#3c98dc;
font-size:11px;}
.footer #dc{
color:#3c98dc;
font-size:11px;
text-align:right;}
.dc{
color:#3c98dc;
font-size:11px;
text-align:right;}
/*------- videos -------*/
#cargador{
margin-top:10px;
float:left;
clear:both;
border:7px solid #fff;
background-color:#FFFFFF;
color:#FFFFFF;
font-size:18px;
min-width:460px;
min-height:250px;
}

/*------- slide espectaculos -------*/
div.scroller { 
	width: 970px; 
	height: 290px;
	overflow: hidden;
	border:6px solid #fff;
	margin-top:5px;
	}
	div.scroller div.section {
	
		overflow:hidden;
		float:left;
		display:inline;
		height:300px;
		}
		div.scroller div.content {
		width: 10000px;
		}
	.scroller .content #imagen {
	width:271px;
	height:300px;
	float:left;
	vertical-align:middle;
	padding-top:10px;
	background-color:#fff;
	}
	.scroller .content #texto {
	float:left;
	width:655px;
	text-align:justify;
	padding:20px;
	background-image:url(../_images/fondo_espectaculos.jpg);
	background-color:#0b304d;
	background-repeat:no-repeat;
	background-position:right;
	background-position:top;
	font-size:14px;
	font-weight:bold;
	min-height:222px;
	vertical-align:middle;
	color:#FFFFFF;
	}
	.scroller .content #texto .descarga{
	background-image:url(../_images/flecha.png);
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0 25px;
	height:30px;
	margin-right:30px;
	}
/************************************************** formulario *****************************************************/	
#formulario {
font-size:14px;
text-align:justify;
float:left;
margin-top:10px;
display:inline;
}
#formulario .columna{
float:left;
padding:10px;
}
#formulario fieldset{
border:0px;
}

#formulario input{
background-color:#fff;
border:1px solid #1796ef;
height:20px;
border-radius: 3px;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
margin-bottom:5px;
margin-top:9px;
color:#000;
width:220px;
//width:220px;
}
#formulario input:hover{
background-color:#82bbc3;
border:1px solid #1796ef;
height:20px;
border-radius: 3px;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
color:#000;}
#formulario textarea{
background-color:#fff;
border:1px solid #1796ef;
height:80px;
border-radius: 3px;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
color:#000;}
#formulario textarea:hover{
background-color:#82bbc3;
border:1px solid #1796ef;
height:80px;
color:#000;
border-radius: 3px;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; }
#formulario label{
color:#fff;
border:#e2db9c;
}
.input{
color:#e2db9c;
display:block;
}
.columna #submit{
height:30px;
display:block;
width:220px;
//width:220px;
color:#413a2f;
background-color:#1796ef;
border:1px solid #82bbc3;
}
.columna #submit:hover{
height:30px;
display:block;
width:220px;
//width:220px;
color:#000;
font-weight:bold;
background-color:#82bbc3;
border:1px solid #1796ef;
}
	/************************************************** FILTRO PARA PNG *****************************************************/

	img {_behavior: url(iepngfix.htc);}
	/*flecha*/
	a img{
	border:none;}


