/*-----------------------------------------------*/
/*  INICIALIZAR  */ 
/*-----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: "Century Gothic", Arial, sans-serif;
	color:#FFFFFF;
    vertical-align: baseline;
}
body{background-color:#706c6b;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
a img, iframe {border: none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%; font-family: inherit;}
select {margin: inherit;}
strong{ font-weight:bold;}
.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }
/* == clearfix == */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.suavizar{ margin-top:.5em; font-size:medium;}
/*-----------------------------------------------*/
/*  BOTON VOLVER */ 
/*-----------------------------------------------*/
a.volver{
	display:block;
	font-size:.8em;
	text-decoration:none;
	margin-left:2.5em;
}
a.volver:hover{
	text-decoration:underline;
}

/*-----------------------------------------------*/
/*  GENERAL  */ 
/*-----------------------------------------------*/
#contenedor{
	width:61.25em;
	margin:auto;
	margin-top:0.63em;
}
/*-----------------------------------------------*/
/*  CABECERA  */ 
/*-----------------------------------------------*/
.logo{
	background:url(/img/all/home/logotipo.gif) no-repeat;
	width:16.94em;
	height:4.19em;
	text-indent:-9000px;
	float:left;
	margin-bottom:1.25em;
}
.ayudaAcces{
	display:none;
}
span.linea{
	float:right;
	display:block;
	margin:1.13em 0.94em 0 5em;
	width:37.50em;
	border-top:1px #ffffff solid;
	height:1.5em;
}
ul.idiomas{
	float:right;
	margin-right:1.25em;
}
ul.idiomas li{
	display:inline;
}
ul.idiomas li span{
	color:#acacac;
	font-size:0.56em;
}
ul.idiomas li a{
	color:#fff;
	font-size:0.75em;
	text-decoration:none;
}
ul.idiomas li a:hover{
	text-decoration: underline;
}
ul.idiomas li a.activo{
	color:#b3b2b2;
}

/*-----------------------------------------------*/
/*  MENU PRINCIPAL  */ 
/*-----------------------------------------------*/
ul#menu {
	margin:0 3.2em 0 0; 
	padding:0; 
	list-style: none; 
	position: relative;
	z-index:2;
	float:right;
	/*Hack IE6*/
	_margin:0 6.5em 0 0; 
}
ul#menu ul { 
	width:8em; 
	/* Sub Menu Width */ 
	margin: 0; 
	list-style: none; 
	display: none; 
	position: absolute; 
	top: 100%;
	/*Hack IE6*/ 
	*left:-0.31em;
} 
ul#menu li { 
	float: left; 
	display: inline; 
	position: relative; 
} 
ul#menu ul li { 
	width: 100%; 
	display: block; 
} 
/* Root Menu */ 
ul#menu a { 
	padding: 0.38em;
	margin-right:0.38em; 
	float: left; 
	display: block; 
	color: #ffffff; 
	text-decoration: none; 
	text-transform:uppercase;
	font-size:0.88em;
	font-weight:bold;
} 
/* Root Menu Hover Persistence */ 
ul#menu a:hover,ul#menu li:hover a, ul#menu li.iehover a { 
	color: #FFF; 
	border-bottom:#b9b7b7 3px solid;
} 
/* 2nd Menu */ 
ul#menu li:hover li a,ul#menu li.iehover li a { 
	float: none;
	font-weight:normal;
	border:none;
	font-size:11px; 
	border-bottom:#454241 1px solid;
	background-color:#706c6b;
}
ul#menu li a.activo{
	color:#b3b2b2;
}
 
/* 2nd Menu Hover Persistence */ 
ul#menu li:hover li a:hover,ul#menu li:hover li:hover a,ul#menu li.iehover li a:hover,ul#menu li.iehover li.iehover a { 
	background-color: #2382c0;
} 
/* Hover Function - Do Not Move */ 
ul#menu li:hover ul ul,ul#menu li:hover ul ul ul,ul#menu li.iehover ul ul,ul#menu li.iehover ul ul ul { 
	display: none; 
} 
ul#menu li:hover ul,ul#menu ul li:hover ul,ul#menu ul ul li:hover ul,ul#menu li.iehover ul,ul#menu ul li.iehover ul,ul#menu ul ul li.iehover ul { 
	display: block; 
}
ul#menu a.menuPrincipal{
	font-size:12px;
	letter-spacing:1px;
} 
ul#menu a.submenuPrincipal{
	font-size:10px;
	letter-spacing:1px;
	font-weight:normal;
} 
/*-----------------------------------------------*/
/*  PIE  */ 
/*-----------------------------------------------*/
#pie{
	border-top:1px #ffffff solid;
	margin:2em 1.2em 0 1.2em;
	padding-top:.5em;
	height:2em;
}
#pie span{
	float:left;
	margin:0 .5em;
	color:#acacac;
	font-size:0.56em
}
#pie p, #pie a{
	float:left;
	font-size:0.81em;
	text-decoration:none;
}
#pie a:hover{
	text-decoration:underline;
}
#pie img{
	margin-left:2em;
}
/*-----------------------------------------------*/
/*  CAMINO DE MIGAS  */ 
/*-----------------------------------------------*/
#camino_migas{
	font-size:13px;
	margin-bottom:2em;
	display:block;
}	
#camino_migas a{
	background:url(/img/all/bullet_flecha.gif) right .5em no-repeat;
	padding-right:.8em;
}	
#camino_migas a:hover{
	text-decoration:none;
}	
/*-----------------------------------------------*/
/*  INTERIORES  */ 
/*-----------------------------------------------*/
#contenidoInterior{
	height:48.25em;
	width:61.31em;
	position:relative;
	z-index:1;
}
#bgTexto{
	background-color: #000;
	opacity: 0.7;
	filter:alpha(opacity=70);
	width:100%;
	position:absolute;
	top:10em;
}
#texto{
	position:absolute;
	color:#fff;
	padding:2.8em 2.8em 2em 2.8em;
	top:9em;
}
#contenidos{
	position:absolute;
	z-index:2;
}

#texto h1{
	color:#2382c0;
	font-size:2em;
	text-transform:uppercase;
}
#texto h2{
	color:#fff;
	font-size:1.8em;
	text-transform:uppercase;
	margin:.3em 0;
	/*Hack IE6-IE7*/
	*margin:0;
	*padding:0;
}
#texto p{
	font-size:.8em;
	color:#fff;
	/*Hack IE6-IE7*/
	*margin:0;
	*padding:0;
}
html body #lightbox-image-details #lightbox-image-details-caption{
	color:#000;
}
