/* CSS Document */
/* Fuentes no standar*/
@font-face {
	font-family: "Gotham";
	font-weight: bold; 
	src: url(../fonts/Gotham-Bold.otf);
}
@font-face {
	font-family: "Gotham";
	font-style:italic; 
	src: url(../fonts/Gotham-MediumItalic.otf);
}
@font-face {
	font-family: "Gotham";
	src: url(../fonts/Gotham-Medium.otf);
}
@font-face {
	font-family: "Gotham";
	font-weight:bold;
	font-style:italic;
	src: url(../fonts/Gotham-BoldItalic.otf);
}

/*Estilos de la page*/
.wh{
	color:#FFFFFF;
}
a{
	text-decoration:none;
	color:#999999;
}
a:hover{
	text-decoration:underline;
}

html{
	height:100%;
}

body{
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	padding:0px;
	margin:0px;
/*	background-color:#FFFFFF;*/
	background-image:url(../images/bg_html.jpg);
	height:100%;
	width:100%;
}

img{
	border:0px;
	padding:0px;
	margin:0px;
}

.mod_main{
	background-color:#CCCCCC;
}

#bodyPortada{
	background-color:#FFFFFF;
}
#shadow{
text-shadow:#666666 4px 4px 3px;
/*filter: dropshadow(color=#666666,offX=3,offY=3);*/
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=5);
}

/*.container {
	position:relative;
	z-index:-100;
	width:100%; 
	height:100%;
	min-height:100%; 
	min-width:100%; 
	text-align:center;
	background-color:#000000;
	/*padding-top:10px;
	padding-bottom:10px;
	}*/
	
.container { 
	z-index:-100;
/*	width: 1024px; */
	width: 1000px;
	min-height:100%;
	/*height:99.9%;*/
	margin: 0 auto 0 auto; 
	padding: 0 ; 
	background-color:#FFFFFF;
	background-image:url(../images/wrapper.png);
	background-repeat:repeat-y;
	}

#containerPortada{
	background-color:#FFFFFF;
}
/*.wrapper {
	width:1024px;  
	height:100%;
	min-height:100%; 
	margin:0 auto; 
	text-align:left;
	background-color:#FFFFFF;
	padding-bottom:40px;
/*	position:relative; */
/*	z-index:-10;*/
/*}*/
.wrapper{ 
/*	background: #fff center; */
/*	width: 1024px; */
/*	width: 1000px; andra*/
	width:920px;
	margin-left:50px;
/*	float: left; */
	position: relative; 
	padding: 0px;
/*	padding-bottom:20px;*/
/*	padding-bottom:5px;*/
/*	height:	95%;*/
	min-height:100%
/*	background-image:url(../images/wrapper.png);
	background-position:right;
	background-repeat:repeat-y;*/
/*	padding-right: 25px;
/*	border-color:#999999;
	border-style:solid;
	border-bottom-width:3px;
	border-top-width:0px;
	border-left-width: 1px;
	border-right-width: 2px;*/
}

.bordeInf{
/*	width: 1000px;andra*/
	width: 920px;
	height:14px;	
	padding: 0px;
	margin: 0px;
/*	background-image:url(../images/I.gif);andra*/
	background-image:url(../images/wrapper.png);
	background-repeat:repeat-y;
	background-position:left;
/*	padding-left: 12px;*/
}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Footer {
/*	width: 1024px;*/
/*	width: 1000px; andra*/
/*	width: 920px;*/
	width:100%;
	text-align:center;
	clear: both;
	padding:0px; 
	margin: 0px;
/*	background-color:#FFFFFF;*/
/*	color:#B0B1B3;*/
	color:#21628d;/*Azul*/
	font-size:10px;
	margin-top:-50px;
/*	padding-top:-50px;*/
/*	height:100px;*/
}
.Footer div{
	text-align:center;
	color:#21628d;
}
.Footer a, .Footer a:hover, .Footer a:visited
{
	color:#21628d;/*Azul*/
	text-decoration:underline;
}

hr{
	border-color:#B0B1B3;
	border-style:solid;
	text-align:center;
	clear:both;
}

.cabecera{
/*	width:1024px; */
/*	width: 980px; andra*/
	width: 900px;
	vertical-align:bottom;
/*	margin-bottom:10px;andra*/
	padding-bottom:0px;/*andra*/
	margin-top:0px;
	padding-right:20px;
}

.en{
	color:#000000;
}

.es{
	color:#B0B1B3;
}
.red{
	color:#9E1B34;
}
.blue{
	color:#000099;
}
.azul
{
	color:#21628d;
}
.menu{
	float:right;
	height:30px; 
	width:850px; 
	background-color:#B0B1B3; 
	margin-top:-40px; 
	margin-left:100px;
	margin-right:10px;
	font-weight:bold;
/*	position:relative;*/
	z-index:30;
	text-align:right;
}
.menu .en{
	color:#000000;
}
.menu .es{
	color:#FFFFFF;
}
.menu .separator{
	color:#FFFFFF
}
.menu td{
	text-align:center;
}

.lang{
	margin:0px;
	padding:0px;
	margin-top:10px;
	float:right;
	font-weight:bold;
/*	position:relative;*/
}

.banner{
/*	width:1024px;
	width: 980px; 
	height: 300px;*/
	margin:0;
	padding:0;
	text-align:left;
}

.banner .textcontainer{
	font-size:20px; 
	height:30px; 
	width: 885px;
	margin-left:0px; 
	position:absolute;
	background-image:url(../images/gris_tr60.png);
	background-repeat:repeat;
}

#transparente{
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7; 
	opacity: 0.7;
}

.menuIzquierda a, .menuIzquierda a:hover, .menuIzquierda a:visited{
	text-decoration:none;
}
.menuIzquierda{
	margin-bottom:20px;
	margin-left: 0px;
	margin-right: 5px;
	margin-top:0px;
}
.menuIzquierda li{
	list-style-image:url(../images/flechitaG.gif);
	font-size:12px;
	margin-bottom:5px;
}

div#selected, span#selected
{
background-color:#DDDDDD;
}
li#selected
{
	list-style-image:url(../images/flechitaA.gif);
/*	background-color:#DDDDDD;*/
	color:#000000;
	font-size:12px;
	margin-bottom:5px;
}
.menuIzquierda #selected a{
	color:#000000;
}

.migas{
	color:#000000;
/*	float:left;*/
	font-weight:bold;
	font-size:10px;
	margin:20px;
	text-transform:lowercase;
/*andra*/
	display:none;
}

.migas a, .migas a:hover, .migas a:visited{
	text-decoration:none;
	color:#000000;
}

#migasNews{
	color:#000000;
}
#migasNews a, #migasNews a:hover, #migasNews a:visited{
	color:#000000;
}


/* ----------------------------------------- Menu ----------------------------------------*/
#marco {
	width:800px;
	margin:0px;
	padding:0px;
	text-align:center;
/*	margin-top:5px;andra*/
	margin-top:0px;
	margin-bottom:0px;
	float:right;
/*	height: 30px; andra*/
	}

.menu2 {
	padding:0; 
	margin:0;
	margin-bottom:0; 
	list-style:none; 
/* height:30px;andra*/
	position:relative; 
	float:right;
/*	background-color:#B0B1B3;*/
}
.menu2 li.top {
	display:block; 
	float:left; 
	position:relative; 
/*	background-color:#B0B1B3;*/
	/*padding-top:5px;Andra*/
	width:auto;
	height:10px;
}
.menu2 li a.top_link {
	display:block; 
	float:left; 
	/*height:30px; andra*/
	margin-left:0px; 
	/*line-height:25px;*/ 
	color:#B0B1B3; 
	text-decoration:none; 
	font-size:13px; 
/*	font-weight:bold; */
	padding:0 0 0 0px; 
	cursor:pointer;
/*	text-transform:lowercase;andra*/
}
.menu2 li a.top_link span {
	float:left; 
	display:block; 
	padding:2px 2px 2px 2px; 
	/*height:30px; andra*/
}
.menu2 li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 10px 0 6px; 
	/*height:25px;andra*/
}
.menu2 li a.top_link:hover {
	color:#fff;  

}
.menu2 li a.top_link:hover span { 

	}
.menu2 li a.top_link:hover span.down { 

	}

.menu2 li:hover > a.top_link {
	color:#fff; 

}
.menu2 li:hover > a.top_link span {

}
.menu2 li:hover > a.top_link span.down {

}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
.menu2 :hover ul.sub {
	text-align:left;
	left:0px; 
	/*top:30px; andra*/
	top:10px;
	background: #CACACA;
/*	background-image:url(images/gris_tr60.png);*/
	background-repeat:repeat;
	padding:0; 
	/*border:1px solid #1E8BB5; white-space:nowrap;*/ 
	width:180px; 
	height:auto; 
	font-weight:normal;
}
.menu2 :hover ul.sub li {
	display:block; 
/*	height:20px; */
	position:relative; 
	float:left; 
	width:178px;
	border-bottom:1px solid #FFFFFF; 
	border-left:1px solid #FFFFFF; 
	border-right:1px solid #FFFFFF;
	margin-bottom:0;
}
.menu2 :hover ul.sub li a {
	display:block; 
	height:auto;
/*	font-size:11px;  andra*/
	font-size:13px; 
/*	padding:4px 3px;andra*/
	padding:2px 1px;
	line-height:1; 
/*	color:#B0B1B3; */
	text-decoration:none;
	text-transform:capitalize;
	color:#FFFFFF;
}
.menu2 :hover ul.sub li a.fly {
	/*background:#fff no-repeat 150px 6px;*/
}
.menu2 :hover ul.sub li a:hover {background:#EEEEEE; color:#000000;}
.menu2 :hover ul.sub li a.fly:hover {
	/*background:#E5FAFC no-repeat 150px 6px;*/
}
.menu2 :hover ul li:hover > a.fly {background:#E5FAFC} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{/*left:160px;*/ top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}


.imageBackGround{
	background-image:url(../images/sombra_imagen.png); 
	background-position:bottom; 
	background-repeat:no-repeat;
	margin-right:10px;
	padding-bottom: 27px;
}

.titlePage
{
	margin:10px; 
	margin-bottom:0px;
	padding-left:10px; 
	text-align:left; 
	font-size:23px;
	color:#21628d;
	font-weight:bold;
	font-family: Gotham, Georgia, Tahoma, Verdana, Arial;
}

.fondoGris
{
	background-color:#c9c9c7;
	height:10px;
	width:100%;
}

#lineaGris
{
	width:885px;
	margin-left:5px;
}
.fondoAzul
{
	background-color:#21628d;
}

.hrAzul{
	width: 870px; 
	border-bottom:3px solid #217ebb;
	padding:0;
	margin:0;
	margin-left:10px;
	margin-bottom:10px;
}

/********** Para los formularios ****************/

.formulario {
  margin: 0px;
  padding: 0px;
}

.formulario li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.formulario label {
	display: block;
	width: auto;
	width: 150px;
  	display: inline-block;
	vertical-align: top;
	line-height: 1.8;
}

input[type="submit"], input[type="button"]
{
	background-color:#CCCCCC;
	border:#999999 1px solid;
	background-image:none;
	cursor:pointer;
}

.mensaje
{
	font-weight:bold;
	font-size:10px;
	background-color:#CCCCCC;
	width:100%;
}