/* CSS RYC [Silvia Arcos] 2006 */
/*>> Estilos genericos >>*/
body{
	margin: 0px;
	padding: 0px;
	font: 0.626em Arial;
	color: #2f2f2f;
	text-align: center;
	background-color: White;
}
h1{
	width:117px;
	height: 135px;
	float: right;
	text-indent: -4000px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
h2#cabecera{
	width:641px;
	height: 95px;
	float: right;
	background-image: url(../images/ES/fondocabecera.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding: 0px;
}
h3{
	color: #1d2049;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	word-spacing: 4px;
	}
img{border:0}
p{
	font-size: 1.1em;
	margin: 2px 2px 8px 2px
	}

input { border: 1px solid #369dbc;
	background-color: #f3fcff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #303932;
	font-weight: normal}
	
select { border: 1px solid #369dbc;
	background-color: #f3fcff;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #646464;
	font-weight: normal;}

textarea {
	border: 1px solid #369dbc;
	background-color: #f3fcff;
	font-size: 1em;
	font-family:Tahoma, Verdana, Arial;
	padding-top: 2px;
	padding: 4px;
	color: #393531;
	width: 300px;
	height: 80px
}

/*>> Estilos de maketacion >>*/
#contenedor{
	width:758px;
	height:500px;
	border:1px solid #d1d1d1;
	background-image: url(../images/fondopie_a.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin:0 auto 0 auto;
}
#contenedorb{
	width:758px;
	height:500px;
	border:1px solid #d1d1d1;
	background-image: url(../images/fondopie_b.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin:0 auto 0 auto;
}
html>body #contenedor{
	width:758px;
	min-height:500px;
	height:auto;
	overflow:auto
}
html>body #contenedorb{
	width:758px;
	min-height:500px;
	height:auto;
	overflow:auto
}
#contenido{
	width:625px;
	height:271px;
	float: left;
	text-align: right;
}
html>body #contenido{
	width:625px;
	height:auto;
	min-height:271px;
}
#idioma{
	width:641px;
	height: 39px;
	background-image: url(../images/barraidiomas.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	text-align:right;
}
#idioma img{
	border: 0px
}
#menugenerico{
	width: 110px;
	text-align: left;
	float:left;
	margin: 0px 0px 0px 11px;
}
html>body #menugenerico{
	width: 110px;
	text-align: left;
	float:left;
	margin: -26px 0px 0px -20px;
	padding: 0px
}
.contenidos{
	width: 100%;
	border: 1px solid #c7c7c7;
}

/*>> Estilos para pie >>*/
#pie{
	float: left;
	text-align: right;
	width:628px;
	height:20px;
	padding:0px 0px 50px 0px;
	letter-spacing:20px;
}
html>body #pie{
	width:650px;
}
#pie a{
	font-weight:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
#pie a:link,#pie a:visited {color: #747474;}
#pie a:hover,#pie a:active {color: #4789B2;}

.red{
	color: red
}
.desarrollado{
	text-align:left;
	width:720px;
	height:20px;
	padding: 10px 137px 20px 20px;
	margin:0 auto 0 auto;
	letter-spacing: 3px;
	color: #999
}
.desarrollado a{
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration: none;
}
.desarrollado a:link,.desarrollado a:visited {color: #1d2049;}
.desarrollado a:hover,.desarrollado a:active {color: #4789B2;}

ul#desarrollado{
	list-style-type: none
}
.normas a{
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	color: #727277!important
}

/*>> Estilos para bloques centrales>>*/
.bloquea{
	background-image: url(../images/ES/fondobloquea.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
}
html>body .bloquea{
	float: right
}
.bloqueb{
	background-image: url(../images/ES/fondobloqueb2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
	padding: 24px 0px 0px 0px
}
.bloqueb a{
	height: 22px;
	margin-top: -22px
}
html>body .bloqueb{
	clear: right;
	height: 59px;
	float:right
}
.bloquec{
	background-image: url(../images/ES/fondobloquec.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
}
html>body .bloquec{
	float: right;
	clear: right;
}

/*>> Estilos para menus>>*/
ul#menu{
	list-style-type:none;
}
ul#menu li{
	display : block;
	text-indent: -4000px;
}
ul#menu li a{
	display : block;
	width:258px;
	color: #FFF;
}

/*>> estilos para promociones>>*/
.titpromo{
	width: 100%;
	background-color: #dedede;
	background-image: url(../images/fondomenu.gif);
	background-repeat: repeat-x;
	height: 19px;
	font-weight: bold;
	font-size: 1.2em;
	color: #1d2049;
	letter-spacing: 1px
}
.titularpromo{
	margin: 20px 0px 0px 0px
}
.promocion {
	background-color: White;
	border: 1px solid #c7c7c7;
	width: 95%;
	height: 200px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	float: right;
}
html>body .promocion{
	min-height: 200px;
	height:  auto;
	overflow: hidden;
}
ul#menupromo{
	list-style-type:none;
	display:inline;
	margin: 0px
}
ul#menupromo li{
	display:inline;
	text-align: left;
	background-image: url(../images/flecha.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px 20px 0px 12px;
}
ul#menupromo li a{
	display:inline;
	font-weight:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #df273f;
	text-transform: uppercase;
	letter-spacing: 1px;
}
ul#menugene{
	list-style-type:none;
	display: block;
	margin: 0px;
}
ul#menugene li{
	display: block;
	text-align: left;
	background-image: url(../images/flecha.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px 0px 4px 14px;
}
ul#menugene li a{
	display: block;
	font-size: 1.1em;
	color: #df273f;
}
.imgactuales{
	background-image: url(../images/ES/img_actuales.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
	text-indent: -4000px;
	text-align: left
}
html>body .imgactuales{
	float: right;
	display: block;
	clear: right;
}
.imgactuales a{
	height: 22px;
}
.imgfuturas{
	background-image: url(../images/ES/img_futuras.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
	text-indent: -4000px;
	text-align: left
}
html>body .imgfuturas{
	float: right;
	clear: right;
	display: block
}
.imgfuturas a{
	height: 22px;
}
.imgrealizadas{
	background-image: url(../images/ES/img_realizadas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
	text-indent: -4000px;
	text-align: left
}
html>body .imgrealizadas{
	float: right;
	clear: right;
	display: block
}
.imgrealizadas a{
	height: 22px;
}
/*>> estilos para promociones desarrolladas <<*/
.listado{
	border: 1px solid #fe556b;
	width: 239px;
	margin: 0px;
	padding: 4px;
	text-align: left;
	float: left
}
.contenidolistado{
	width: 590px;
	/*height: 200px*/
}
.bloquerepetido{
	width: 239px;
	height: 118px;
	margin: 0px 15px 0px 15px;
	float: left;
}
html>body .bloquerepetido{
	min-height: 118px;
	height: auto;
}
ul#menupromociones{
	list-style-type:none;
	display: inline;
	margin: 0px
}
ul#menupromociones li{
	display: inline;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
html>body ul#menupromociones li {
	margin: 0px 0px 0px 8px;
}
ul#menupromociones li a{
	display: inline;
	font-size: 0.9em;
	color: #df273f;
	text-decoration: none;
}

/*ul#menupaginacion{
	list-style-type:none;
	display: inline;
	margin: 0px;
}
ul#menupaginacion li{
	display: inline;
	text-align: left;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}
html>body ul#menupaginacion li {
	margin: 0px 0px 0px 8px;
}
ul#menupaginacion li a,ul#menupaginacion li visited{
	display: inline;
	font-size: 1.3em;
	color: #FFF;
	text-decoration: none;
}*/

ul#menupaginacion{
	list-style-type:none;
	display: inline;
	margin: 0px;
	background-color: #df273f;
	color: #FFF;
	padding: 3px;
	width: 100%
}
ul#menupaginacion li{
	display: inline;
	text-align: left;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
	color: #FFF
}
html>body ul#menupaginacion li {
	margin: 0px 0px 0px 8px;
}
ul#menupaginacion li a,ul#menupaginacion li visited{
	display: inline;
	font-size: 1.1em;
	color: #FFF;
	text-decoration: none;
}

.titulardescr{
	font-size: 1.1em;
	color: #262626;
	font-weight: bold;
	margin: 0px;
	padding: 0px
}
.descripcion{
	font-size: 1em;
	color: #262626;
	font-weight: normal;
	margin: 0px;
	padding: 0px
}
.columnadescripcion{
	width: 336px;
	min-height: 118px;
	height: auto;
	margin: 0px 2px 0px 4px;
	padding: 9px 0px 0px 0px;
	text-align: left;
	float: right;
	background-image: url(../images/fondorojo.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.bloquedescripcion{
	width: 580px;
	margin: 0px 2px 0px 4px;
	padding: 9px 0px 0px 0px;
	text-align: left;
	float: right;
	background-image: url(../images/fondorojo.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.columnalogos{
	width: 240px;
	float: left;
}
.separacion{
	margin: 0px 0px 5px 0px;
	text-align: center;
}
.y{
	background-image: url(../images/y.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 170px;
	height: 200px}

html>body .y {
	min-height: 200px;
	overflow: hidden;
	height:  auto;
}

#menuficha{
	display: block;
	width: 125px;
	margin: 4px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	text-align: left;
	background-image: url(../images/fondorojo.gif);
	background-repeat: repeat-x;
	background-position: top;
}
html>body #menuficha{
	width: 125px;
	margin: 0px 0px 0px 4px;
	float:left
}
ul#menuficha li{
	display: block;
	text-align: left;
	padding: 4px 0px 0px 30px;
}
html>body ul#menuficha li {
	margin: 0px 0px 0px 8px;
	min-height: 24px;
}
ul#menuficha li a{
	display: block;
	font-size: 1.1em;
	color: #1d2049;
	text-decoration: none;
}
.descargas{
	background-image: url(../images/b_descargas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
}
.situacion{
	background-image: url(../images/b_situacion.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
}
.calidades{
	background-image: url(../images/b_calidades.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
}
.imagenes{
	background-image: url(../images/b-imagenes.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
}
.descripcionb{
	background-image: url(../images/b_descripcion.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
}
.entorno{
	background-image: url(../images/b_entorno.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
}
.estado{
	background-image: url(../images/b_estadoobra.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
}
.enlaces{
	background-image: url(../images/ico_enlaces.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
}
.visitavirtual{
	background-image: url(../images/ico_visitavirtual.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
	height: 30px;
	margin: -8px 0px 8px 0px;
}
.destacado{
	color: #df273f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	word-spacing: 4px;
	}
#menudescarga{
	width: 330px;
	margin: 4px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	text-align: left;
}
ul#menudescarga li{
	display: block;
	text-align: left;
	padding: 0px 0px 0px 24px;
	background-image: url(../images/flechadescarga.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
html>body ul#menudescarga li {
	margin: 0px 0px 0px 8px;
}
ul#menudescarga li a{
	display: block;
	font-size: 1.1em;
	color: #1d2049;
	text-decoration: none;
}
.imaglogo_p{
	padding: 5px;
	border: 1px solid #de283f;
	margin: 5px
}
.bordeimagen{
	padding: 8px;
	border: 1px solid #e2e2e2;
	margin: 4px 0px 4px 0px;
}
html>body .bordeimagen{
	overflow: hidden;
	float: left;
	width: 231px
}
.bloquegaleria{
	border: 1px solid #1d2049;
	width: 90px;
	height: 118px;
	margin: 4px 5px 4px 0px;
	padding: 4px;
	text-align: left;
	float: left
}
html>body .bloquegaleria{
	width: 180px;
	min-height: 80px;
	overflow: hidden;
	float: left
}
html>body .contenidolistado{
	min-height: 80px;
	overflow: hidden;
	float: left
}
.contenidolistado{
	width: 590px;
}
/*>> estilos para barrita <<*/
#barrita{
	background-image: url(../images/fondobarrita.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 235px;
	height: 230px;
	float: right;
	padding: 50px 0px 0px 100px;
}
#menubarrita{
	/*width: 200px;*/
	list-style-type: none;
	text-align: left;
	padding: 0px;
	margin:0px;
}
ul#menubarrita li{
	height: 17px;
	width: 200px;
	display: block;
	text-align: left;
	padding: 4px 0px 0px 4px;
	margin:1px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.1em;
}
.amarillo{
	background-color: #ffcf50;
}
.naranja{
	background-color: #f17400;
}
.rojo{
	background-color: #d90027;
}
.fontrojo{
	color: #1b1f45/*df273f*/
}

/*>> Estilos para ingles>>*/
h2#cabecera2{
	width:641px;
	height: 95px;
	float: right;
	background-image: url(../images/EN/fondocabecera.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding: 0px
}
.bloquea2{
	background-image: url(../images/EN/fondobloquea.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
}
html>body .bloquea2{
	float: right
}
.bloqueb2{
	background-image: url(../images/EN/fondobloqueb2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
	padding: 24px 0px 0px 0px
}
.bloqueb2 a{
	height: 22px;
	margin-top: -22px
}
html>body .bloqueb2{
	clear: right;
	height: 59px;
	float:right
}
.bloquec2{
	background-image: url(../images/EN/fondobloquec.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
}
html>body .bloquec2{
	float: right;
	clear: right;
}


.imgrealizadas2{
	background-image: url(../images/EN/img_realizadas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
}
html>body .imgrealizadas2{
	float: right;
	display: block
}
.imgrealizadas2 a{
	height: 22px;
}
.imgactuales2{
	background-image: url(../images/EN/img_actuales.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
}
html>body .imgactuales2{
	float: right;
	display: block
}
.imgactuales2 a{
	height: 22px;
	display: block
}
.imgfuturas2{
	background-image: url(../images/EN/img_futuras.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:258px;
	height:83px;
	border: 1px solid #c7c7c7;
	margin: 0px 0px 4px 0px;
}
html>body .imgfuturas2{
	float: right;
	clear: right;
	display: block
}
.imgfuturas2 a{
	height: 22px;
}

/*>> estilo para encajar las banderitas del inicio <<*/
#contenidohomea{
	width:200px;
	height:271px;
	float: left;
	text-align: left;
}
html>body #contenidohomea{
	width:200px;
	height:auto;
	min-height:271px;
}
#contenidohomeb{
	width:425px;
	height:271px;
	float: left;
	text-align: right;
}
html>body #contenidohomeb{
	width:425px;
	height:auto;
	min-height:271px;
}
.construccion{
	font:1.4em arial;font-weight: normal;text-decoration: none;color:#1b1f45;
	padding: 80px 0px 0px 0px;
}
.presentacion{
	padding: 10px 0px 0px 0px;
	text-align: justify;
	width: 320px;
	font-size:1.2em
}
.presentacion2{
	padding: 10px 0px 0px 0px;
	text-align: justify;
	font-size:1.1em;
	text-decoration: none;
}

/* Estilos para los botones sin relieve */


.navlistpie1 li
{
	display: inline;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	position: relative;
	line-height: normal !important;
	clear: both;
}
li.desarrollo{
	padding: 2px 0px 2px 0px;
}
.botonhera1 {
	background-color: #fff;
	color: #000;
	width: 15em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: 600 !important;
	border: 1px solid Black;
}
.botonhera1 a {
	background-color: #e5e5e5;
	color: #000;
	display: block;
	width: auto;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	vertical-align: middle;
	text-decoration: none;
}
.botonhera1 a:hover {
	background-color: #000 !important;
	color: White !important;
	text-decoration: none;
}

 a:hover span.hera1 {
	background-color: #fff !important;
	color: #000 !important;
	text-decoration: none;
}
a:hover acronym.spec1 {
	background-color: #000 !important;
	color: #fff !important;
	text-decoration: none;
}

a:hover acronym.conform1 {
	background-color: #000 !important;
	color: #fff !important;
	text-decoration: none;
}

span.hera1 {
	padding: 0 0.4em 0 0.4em;
	background-color: #060;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
}
acronym.spec1 {
	cursor: help;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	text-decoration: none;
	border-bottom-style: none;
	border-style: none;
	font-weight: bolder;
	padding: 0em;
	font-stretch: narrower;
	
}
acronym.conform1 {

	background-color: transparent;
	color: Maroon;
	cursor: help;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	text-decoration: none;
	border-bottom-style: none;
	border-style: none;
	font-weight: bolder;
	padding: 0em;
	font-stretch: narrower;
	
}
#lista{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 1px;
	background-color: #df273f;
	padding: 4px;
	margin: 20px 0px 0px 0px;
}

a.tenue{
	color: #999!important;
}