@charset "utf-8";

body {
	color:#1a1a1a;
	font: normal 1em Arial, Helvetica, sans-serif;
	line-height: 1em;
	background: #FFFFFF url(../images/bk_contene_principal.gif) no-repeat scroll 50% 0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container {
	width: 991px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


/*-------------------------------------------------------------------CABECERA------------------------------*/

#header {
	width:991px;
	height:auto;
	background:#6E9092;
	float:left;
}
.logo {
	width:276px;
	height:133px;
	float:left;
	margin: 0 0 15px 0;
	padding: 0;
}

/*------------------------------------------------------------MAIN MENU-----------------------*/

#menu_wrap {
	width:276px;
	margin:0px;
	padding: 0;
	float:left;
	height:auto;
}

.menu {
	width: 190px;
	margin: 0px;
	padding: 0;
	float:left;
	}
	
.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

.menu li a.off_link, li a.on_link {
	color:#fff;
	font:normal 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 0 2px 40px;
	line-height:1em;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #fff;
	height:13px;
	}	
	
.menu li a.off_link:link, .menu li a.off_link:visited {
	color: #fff;
	border-bottom: 1px solid #fff;
	}
	
.menu li a.off_link:hover, .menu li a.off_link:focus, .menu li a.off_link:active, .menu li a.on_link:link, .menu li a.on_link:visited, .menu li a.on_link:link, .menu li a.on_link:visited {
	color: #C21128;
	border-bottom: 1px solid #C21128;
	font-weight:bold;
	}

	
/* Elemento de MENU seleccionado. Cambiar class="off_link" por class="on_link" */

/*------------------------------------------------Slider HOme---------------------------------------*/

#mainContentHome {
	padding:0;
	width:715px;
	height:317px;
	float:right;
	margin:0;
	background: transparent;
	position: relative; 
}

/*
	Featured Content Slider
	by: Chris Coyier
*/
/**											{ margin: 0; padding: 0; }*/

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }

/*
	SLIDER
*/
.slider-wrap								{ width: 715px; position: absolute; top: 0px; left: 0px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 715px; height: 317px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 715px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
#movers-row									{
	margin: 0px 0 0 32px;
}
#movers-row div								{ width: 20%; float: left; }
.movers-row div a.cross-link 				{ float: right; }
.caps-links {
	background:none;
	padding: 0px;
	color: white;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	z-index: 1000;
	position: relative;
	top: -180px;
	margin:0px 0 0 80px;
	letter-spacing:-0.05em;
}

.caps-links a, .caps-links a:visited		{ color: white; text-decoration: none; }
.caps-links a:hover, .caps-links a:active	{ color: #59e0e6; }
.caps-links .on-thumb  { color: #59e0e6; text-decoration: none; }


.photo-meta-data							{
	background: url(../images/transpBlack.png);
	padding: 10px;
	height: 100px;
	margin-top: -170px;
	position: relative;
	z-index: 900;
	color: white;
}
.photo-meta-data span					{
	margin-left:30px;
	color: #59e0e6;
	font: bold 3em Arial, Helvetica, sans-serif;
}
.photo-meta-data h2{
	padding:0;
	margin: 0 0 0 32px;
	height:13px;
	text-align:left;
	color:#fff;
	font: bold 2em Arial, Helvetica, sans-serif;
	line-height: 0.8em;
	text-transform: capitalize;
}
.cross-link									{ display: inline; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }



/*---------------------------------------------------Menu secundario--------------------*/
.SecondMenu_wrap {
	float: left;
	background:#6E9092;
	width: 991px;
	height:27px;
	padding: 0;
	margin: 0;
}

.nov_img {
	float: left;
	background:none;
	width: 276px;
	height:27px;
	padding:0;
	margin: 0;
}

#SecondMenu {
	float: right;
	background:#6E9092;
	width: 715px;
	height:27px;
	padding: 0;
	margin: 0;
	overflow:hidden;
}

#SecondMenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display:inline;
}
#SecondMenu li {
	float: left;
	margin: 0;
	background: #6E9092;
	padding: 0;
}
#SecondMenu li a {
	float: left;
	padding: 0 1em;
	line-height: 25px;
	font-size: 0.75em;
	color: #D0D0D0;
	text-decoration: none;
	margin-bottom: 2px;
}
#SecondMenu li.on a, #SecondMenu li.on a:hover {
	border-bottom: 2px solid  #990000;
	background: #C21128;
	margin: 0;
	cursor: default;
	color: #fff;
}

#SecondMenu li a:hover {
	color: #fff;
	border-bottom: 2px solid #C21128;
	margin: 0;
}

#SecondMenu li.icono {
	width:16px;
	margin:0 4px 0 0;
	float:right;
	text-align: left;
}

#SecondMenu li.icono a:link {
	padding:5px 0 0 0;!important
	margin:0 4px 0 0;
	width:16px;
	border:0;
}

#SecondMenu li.icono a:hover{
	width:16px;
	margin:0 4px 0 0;
	border:0;
}


/*--------------------------------------------CONTENIDO-----------------*/
#contenido_wrap {
	font: normal 0.90em Arial, Helvetica, sans-serif;
	float: left;
	background:none;
	width: 991px;
	height:auto;
	padding: 0;
	margin: 0;
	text-align: left;
}

#rulo {
	float: left;
	width: 276px;
	height:320px;
	padding: 0;
	margin: 0;
	background: #C9E4E4;
	}
	
.roll {
	padding: 0;
	margin: 0;
	visibility:visible;
	overflow:hidden;
/*	width:200px;
	height:200px;*/
	background: #C9E4E4;
	font: normal 0.90em Arial, Helvetica, sans-serif;
	color: #1a1a1a;
	clip:rect(0px,200px,178px,0px);
}

.roll a:link, .roll a:visited{
	font: normal 0.90em Arial, Helvetica, sans-serif;
	color: #5E6060;
	text-decoration:none;
}

.roll a:hover, .roll a:focus, .roll a:active{
	color:#1a1a1a;
	text-decoration:none;
}

#news_content {
	position:relative;
	left:0px;
	top:0px;
	padding: 15px;
	background: #C9E4E4;
	height: 430px; /*Altura del rulo y por tanto, determina cuando desaparece.*/
	width: 250px;
	margin: 0;

}

#news_content h2 {
	COLOR: #C21128;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	padding: 20px 0 5px 0;
	margin: 0;
}

#news_content p {
	padding: 0;
	margin: 0;
	text-decoration:none;
}


.contenido {
	font: normal 0.90em Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	margin: 25px 0 20px 0;
	width:715px;
	float:right;
	text-align: left;
	padding:0px;
	vertical-align: top;
	height: auto;
}

.contenido .left {
	margin: 0;
	width:315px;
	float:left;
	text-align: left;
	padding:0px;
	height: auto;
}

.contenido .right {
	margin: 0;
	width:390px;
	float:right;
	text-align: left;
	padding:0px;
	height: auto;
}

.contenido a:link, .contenido a:visited{
	color:#C21128;
	text-decoration:none;
}

.contenido a:hover, .contenido a:focus, .contenido a:active{
	color:#1a1a1a;
	text-decoration:none;
}

.grow{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}

.contenido p{
	padding-left:30px;
	padding-right:30px;
	margin: 0;
	text-align: left;
}

.contenido h2 {
	COLOR: #C21128;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	padding-left: 30px;
	padding-bottom:15px;
	margin: 0;
	text-transform: capitalize;
}

.contenido h3 {
	COLOR: #5E6060;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	padding-left: 30px;
	margin: 0;
}
.contenido ul {
	margin: 0;
	padding:15px 30px 15px 50px;
	list-style: disc outside none;
	line-height:2em
}

.contenido li {
	margin: 0;
	display:list-item;
}

.contenido form{
	font: normal 1em Arial, Helvetica, sans-serif;
	color:#1a1a1a;
}
.contenido label {display:block;font-weight:bold; margin-top:5px;} /*Al convertir los labels en bloques hacemos que cualquier elemento que venga después de un label se muestre en la linea de debajo de este. Por lo tanto ahora nuestros elementos input se verán una línea por debajo de su título. */
/*.contenido legend {font-size:120%;} 
.contenido fieldset {border:none;} */
.contenido input, .contenido textarea {border:1px solid #000; color:#C21128; font: bold 1em Arial, Helvetica, sans-serif;} 
.contenido input:focus, .contenido textarea:focus {background: #E8EFF0;} 

.contentBody_galeria {
	padding:0;
	width:650px;
	float:left;
	margin:0 30px 0 30px;
	background: none;
}

#pic-gallery                               	{
	width:650px;
	overflow: hidden;
}
#pic-gallery a img, #pic-gallery a           { border: none; float: left;}
#pic-gallery a                               { margin: 3px;}
#pic-gallery a:hover img                     { outline: 1px solid #00c5ef; }
/*-----------------------------------------FOOTER---------------------------------------------*/
#footer_wrap {
	width:991px;
	margin: 0 0 20px 0;
	padding:0;
	background: #6E9092;
	clear:both; /*Displays below the two columns*/
	height: 22px;
}

/*.menu_footer {
	width:500px;
	height:17px;
	background-color:transparent;
	margin:0px;
	padding:0px 5px 3px 5px;
	float:right;	
}

.menu_footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:right;
}

.menu_footer li{
	display:inline;
	color: #000000;
	font-size:0.70em;
	font-weight:normal;
	line-height:1.40em;
	vertical-align:top;
}

.menu_footer li a:link, li a:visited{
	padding:0 0.3em 0 0.3em;
	margin:0px;
	color: #000000;
	font-weight:normal;
	text-decoration:none;
}

.menu_footer li a:hover, li a:focus, li a:active{ 
	color: #ffffff;
	font-weight:normal;
}*/

.copy {
	float:left;
	width:410px;
	height:17px;
	color: #fff;
	font-size:0.7em;
	padding: 3px 5px 3px 10px;
	margin:0px;
	line-height:1.4em;
}

.EstudioBase {color: #D0D0D0;}
.EstudioBase a:link, a:visited{color:#D0D0D0; text-decoration:none;}
.EstudioBase a:hover, a:focus, a:active{color: #FFFFFF;}
/*------------------------------------------------END FOOTER---------------------------------------------------*/
.destaca {
	COLOR: #C21128;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0;
}