/* ********************** 
¿Qué tenemos aquí?

- "Reset" y estilos generales
- layout
- navegacion
- colorines, tipografia, etc. ordenados por bloques de layout
************************************************************** */




* {
	margin:0; 
	padding:0;
	}
	

body {
	font:75% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:#EBF4DC;
	line-height:1.2;
	/* margin:0px 0 0px 0;
	background:#EBF4DC url(img/bg_body.gif) top repeat-x;  */
	}

ol {
	list-style-type:decimal;
	margin-left:3em;
	}

p, ul, ol, blockquote {
	margin:0 0 0.5em 0;
	}

ul {
	list-style:none;
	margin:0 0 0.7em 1em;
	}

ol {
	margin:0 0 0.7em 2em;
	}
	
ul li{
	padding:0 0 0 10px;
	/* background:url(img/bullet_infowrapper.gif) 0 0.5em no-repeat; */
	margin-bottom:0.1em;
	}
	
	
b, strong {
	color:#000;
	}

strong.enie {
	color:#C41C1E;
	}
	
table	{
	border-collapse:collapse;
	border-spacing:0;
	}
	
img{
	border:0;
	}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	color:#000;
	}

h1 {
	font-size:18px;
	color:#C41C1E;
	margin-bottom:10px;
	}

h2 {
	font-size:16px;
	color:#C41C1E;
	margin-top:20px;
	}

h3 {
	font-weight:bold;
	font-size:1.2em;
	}

h4 {
	font-size:1.1em;
	}

h3, h4, h5 {
	color:#00435C;
	}
	
.tit { /*sustitución de texto */
	text-indent:-3000px; 
	}
	

.more { /*para cosas del estilo "ver más" */
	text-align:right;
	font-size:x-small;
	}
	
.advice {
	font-size:x-small;
	}

.versales {
/*text-transform:lowercase;*/
	font-variant:small-caps;
	}
	

a:link, a:active, a:visited, a:hover  {
	color:#C41C1E;
	outline:none;
	text-decoration:underline;
	}
	
	a:hover  {
	text-decoration:none;
	}



/*********************
layout
********************** */
#headerwrapper {
	background:#D9D6A4;
	width:100%;
	overflow:hidden;
	margin-bottom:15px;
	}
	

	#header {
		width:780px; /* lo mismo que mainwrapper */
		margin:0px auto 0 auto;
		/* background:url(img/bg_cab.jpg) 100% 100% no-repeat; */
		padding:10px 0 0px 0;
		position:relative;
	}
	
	#loop, #loopalt {
		display:block;
		position:absolute;
		bottom:0;
		right:0;
		}

#mainwrapper {
	clear:both;
	width:780px; /* lo mismo que header */
	margin:0px auto 0 auto;
	overflow:hidden;
	}

	#sidewrapper_home {
		width:230px;
		margin:0 0 10px 0px;
		padding:0;
		float:left;
		}
	#sideimg_home {
		background:#C5CB70 url(img/bg_col_home.gif) right top no-repeat;
		margin:0 0 10px 0px;
		}
		
	#sidecontent_home {
	padding:10px 15px 10px 15px;
	}

	

#contentwrapper {
	float:left;
	margin:0 0 10px 10px;
	width:535px;
	}

	#content {
		margin-bottom:20px;
		}
	
#registro_acceso {
		background:#CACFA4;
		overflow:hidden;
		padding:3px;
		height:1%;
		}
		
		#contentwrapper > #registro_acceso {
		height:auto;
		}
	
	#registro, #acceso {
		float:left;
		width:240px;
		padding-bottom:0.5em;
	}
	
	#registro {
		margin:0 15px 0 5px;
	}
	
	#acceso {
		padding-left:10px;
		border-left:1px solid #ABB470;
	}

	
#bottomwrapper {
	clear:both;
	overflow:hidden;
	width:100%;
	}
	

		
		
		#catalogoB  {
		width:265px;
		height:235px;
		float:left;
		padding-top:10px;
		background:#C5CB70 url(img/bg_papel_top.gif) top left repeat-x;
		margin:30px 0px 10px 0;
		min-height:12em;
		position:relative; /* para poder alinear abajo el link tipo saber mas, que está en absoluta */
		padding-bottom:2em; /*para que no se monte el contenido con el link tipo saber mas */
		}
		
		#novedadesB {
		width:265px;
		height:235px;
		float:right;
		padding-top:10px;
		background:#C5CB70 url(img/bg_papel_top.gif) top left repeat-x;
		margin:30px 0px 10px 0;
		min-height:12em;
		position:relative; /* para poder alinear abajo el link tipo saber mas, que está en absoluta */
		padding-bottom:2em; /*para que no se monte el contenido con el link tipo saber mas */
		}		
		
		#recursos {
		width:230px;
		height:169px;
		float:left;
		padding-top:18px;
		background:#C5CB70 url(img/bg_papel_top.gif) top left repeat-x;
		margin:20px 0 0 0;
		min-height:12em;
		position:relative; /* para poder alinear abajo el link tipo saber mas, que está en absoluta */
		padding-bottom:12px; /*para que no se monte el contenido con el link tipo saber mas */
		}
		
		#recursosB {
		width:230px;
		height:160px;
		float:left;
		padding-top:18px;
		background:#C5CB70 url(img/bg_papel_top.gif) top left repeat-x;
		margin:20px 0 0 0;
		min-height:12em;
		position:relative; /* para poder alinear abajo el link tipo saber mas, que está en absoluta */
		padding-bottom:12px; /*para que no se monte el contenido con el link tipo saber mas */
		}
		
			#recursosContenido { /*le doy 5 px de espacio por los lados respecto a su wrapper y lo centro */
				width:220px;
				margin:0 auto;
			}
		
			#catalogoBContenido, #novedadesBContenido { /*le doy 5 px de espacio respecto a su wrapper por los lados y lo centro */
				width:220px;
				margin:15pt auto;
			}
			*html #catalogoBContenido, *html #novedadesBContenido{
			height:215px;
			}
			
			/*#catalogoBContenido li a:link, #catalogoBContenido li a:active, #catalogoBContenido li a:visited  {
			color:#C41C1E;
			outline:none;
			font-weight:normal;
			text-decoration:underline;
			}

			#catalogoBContenido li a:hover  {
			text-decoration:none;
			}*/
			
			
			
#footer {
	clear:both;
	border-top:1px solid #CACFA4;
	margin-right:7px;
	}


/*********************
navegacion
********************** */

ul.level0 {
	margin:0 0 0 0px;
	font-size:x-small;
	overflow:hidden;
	color:#00435C;
}

	* html ul.level0 {
		overflow:visible;
		height:1px;
		}

ul.level0 li {
	float:left;
	background:url(img/bg_tab_right.gif) 100% -100px no-repeat;
	padding:0;
	margin:0 2px 0 0;
}

ul.level0 li a:link, ul.level0 li a:visited, ul.level0 li a:active {
	display:block;
	background:url(img/bg_tab_left.gif) 0 -100px no-repeat;
	padding:2px 5px;
	color:#00435C;
	text-decoration:none;
}

	 ul.level0 li.levelActive0, ul.level0 li:hover, body #header ul.level0 li.sfhover  {
 		background:url(img/bg_tab_right.gif) top right no-repeat;
		}
		
	ul.level0 li.levelActive0 a:link,
	ul.level0 li.levelActive0 a:visited,
	ul.level0 li.levelActive0 a:hover,
	ul.level0 li.levelActive0 a:active,
	ul.level0 li a:hover {
		background:url(img/bg_tab_left.gif) top left no-repeat;
		}
	
	/* evito que aparezca la navegación que crea el CMS */
	ul.level1 {display:none}	


/* *************
header
*************** */
a#homelink {
width:217px;
}
img#logo {
	display:block;
	margin:0px 0 10px 0;
	width:217px;
	height:67px;
	}

p#descripcion {
	width:38em;
	font-weight:bold;
	/* margin-left:53px;  para alinearlo con las letras del logo */
	color:#FFF;
	margin:0 0 10px 0;
	}
	


/* *************
main
*************** */
#content {
	line-height:1.3;
	}

#content li {
	background:url(img/bullet_flecha.gif) 0 0.5em no-repeat;
}
#content li.nivel {
	background:none;
	padding:0;
}
	#content li.list_ico {
	background:url(img/bullet_flecha.gif) 0 13px no-repeat;
	}

#registro_acceso h3{
		background:#ABB470 url(img/bg_titular_zonaenie.gif) top right no-repeat;
		padding:0.2em 0.5em;
		margin:0 0 0.3em 0;
		}

span.nuevo {
		color:#FF1A1F;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:8.5pt;
		font-weight:bold;
		}

.dest_home1, .dest_home3 {
height:130px;
clear:both;
width:540px;
}
.dest_home2 {
height:140px;
clear:both;
width:540px;
}
.dest_home1 img, .dest_home3 img {
float:left;
}

.dest_home2 img {
float:right;
margin-top:26px;
}
	.dest_txt1 {
	background-color:#FFFFFF;
	float:left;
	width:401px;
	margin-top:28px;
	height:93px;
	padding:6px 10px 5px 10px;
	}
	.dest_txt3 {
	background-color:#FFFFFF;
	float:left;
	width:380px;
	height:79px;
	margin-top:15px;
	padding:15px 10px 10px 10px;
	}
	
	.dest_txt2 {
	background-color:#FFFFFF;
	float:right;
	width:358px;
	height:93px;
	margin-top:26px;
	padding:6px 10px 5px 25px;
	}
	
a.discreto {
font-style:italic;
color:#333;
text-decoration:underline;
}
a.discreto:hover {
text-decoration:none;
}


/* ************* ClueTip ******************* */
/* global */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}

#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-close img {
  border: 0;
}

#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default .ui-cluetip-header {
  background-color: #87876a;
}


/*
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
*/
/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #fff;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 0;
  color: #900;
}

.cluetip-jtip .ui-cluetip-header {
  background-color: #ccc;
  padding: 6px;
  margin-bottom: 1em;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background-color: #fff;
  border: 1px solid #ccc;
}


/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

/* *************
sidecontent
*************** */

#sidecontent_home {
	font-size:0.8em;
}
	#sidecontent_home h2 {
	margin-top:0px;
	}

#sidecontent_home .metodos_home {
	overflow:hidden;
	border-bottom:1px solid #ABB470;
	padding:5px 0;
	clear:both;
	width:100%;
}
	#sidecontent_home .metodos_home img {
		float: left;
		width:55px;
		margin-right:0px;
	}
		#sidecontent_home .metodos_home h4 {
		margin-bottom:5px;
	}
	#sidecontent_home .metodos_home_contenido {
	float:left;
	margin-left:5px;
	width:140px;
	}
	
	#sidecontent_home .metodos_home_contenido ul {
	margin:0 0 0.15em 0;
	line-height:1.2;
	}
	
	#sidecontent_home .metodos_home_contenido p {
	margin:0;
	}
	
	#sidecontent_home ul li {
	padding:0;
	}
	
	
	#sidecontent_home h4, #sidecontent h3 {
		/*margin:7px 0 3px 0;*/
		margin-bottom:0.2em;		
		color:#00435C;
	}


/* *******************
REGISTRO (CALL TO ACTION EN SIDEBAR)
****************** */	
		
#registrateSide {
	width:200px;
	margin-top:10px; 
	padding-bottom:5px; 
	font-size:x-small;
	padding:15px;
	background:#C5CB70 url(img/bg_teaser_boletin.gif) right bottom no-repeat;
	}

/* *************
footer
*************** */
#footer  ul.footer0 {
	font-size:x-small;
	text-align:center;
	margin-top:2px;
	}

#footer  ul.footer0 li, #footer ul li.footerActive0 {
	display:inline;
	}

ul.footer1 {
	display:none;
	}

#footer  ul.footer0 a {
	color:#929A52;
	text-decoration:none;
	}

#footer  ul.footer0 a:hover {
	text-decoration:underline;
	}

#capa2 {
cursor:pointer; 
overflow:auto; 
font-weight:bold; 
border:0px solid; 
margin:5px;
text-decoration:underline;
}
#pista {
position:absolute; 
border:1px #DD0088 solid; 
color:#DD0088;
background-color:#ffffff;
padding:15px;
z-index:1000;
font-size:12px;
width:370px;
}


#cerrar {
cursor:pointer; 
width:16px; 
height:16px; 
position:absolute; 
top:5px; 
right:5px; 
}


/* *************
formulario home
*************** 
.form_home {
padding:15px 0 15px 0;
}

.form_home input {
background-color:#CACFA4;
border:1px solid #ABB470;
}

.form_home h5 {
clear:both;
font-size:9px;
color:#333;
font-weight:normal;
text-align:right;
padding:10px 0 10px 0;
}
.form_home p {
text-align:right
}
 
 label {
 float:left;
 }
 
li.cat_ico img {
position:absolute;
top:302px;
left:765px;
}
li.cat_ico {
margin:5px 0 5px 0;
}*/