@charset "utf-8";
@import url("impo_home_v4.css");
/********************************************* 
9px 0.563em
10px 0.625em
12px 0.688em
14px 0.875em
16px 1em
25px 1.563em
******************** LAYOUT  *********************************/
body  {
	font: 100% Arial, Helvetica, sans-serif!important;
	background: #b3b3b3; color: #25272c;
	margin: 0;
	padding: 0;
	text-align: center; /* para centrar en IE 5* browsers. El texto se alinea a izq en el selector #todo*/
	font-size:1em;
	overflow: visible!important;}

a {text-decoration:underline; color:#193c62; background: none;}
a:hover {text-decoration:none; color:#000;  background: none;}
a:visited {color:#60757e;  background: none;}

.cuerpo #todo { 
	width: 100%;/*59.375em - 950px; ANCHO FIJO TOTAL */
	background: #fff;
	color: #25272c;
	margin: 0 auto; /* auto margins con un ancho def. centra la pagina */
	text-align: left; /* cambia text-align: center en el elem. body */}
 
a img {border:none;}

img.ider {float: right; border: 1px solid #d6dde3; margin: 0 20px 0 0;}
img.idersb {float:right; margin: 0 20px 0 0;}

#todo #contenido h1, 
#contenido h2 {
	font-weight:normal;}

#contenido h1, 
#contenido h2,
#contenido h3, 
#contenido h4 {
	padding:0 25px 0 0; 
	background: none;
	clear: both;}

#contenido h1 {
	letter-spacing:-.04em;}
#contenido h2, 
#contenido h4,
#contenido h3 {
	letter-spacing:-.03em;}


#todo #contenido h1 {
	font-size:1.563em; 
	color: #4d4d4d; 
	margin:20px 0 20px 0; 
	background: none;}/*f25px*/

#todo #contenido h1 a {
	text-decoration:none;
	color: #4d4d4d; }

#todo #contenido h1 a:hover {
	text-decoration:underline;}

#contenido h2 {
	font-size:1.25em; 
	margin:10px 0 12px 0;}/*f20px*/
#contenido h3 {font-size:1.07em; background: none; color:#193c62; margin:0 0 10px 0;}/*f17px*/
#contenido h4 {margin:0 0 10px 0;}
#contenido p {
	font-size:.875em; 
	line-height:23px; 
	padding-right:30px;
	color:#25272c;}/*f12px*/

#contenido h1.raya, #contenido h2.raya, #contenido h3.raya, #contenido h4.raya {border-bottom:dotted 1px #425159;
 width:41.875em; /*670px;*/ padding:5px 0 0 0; margin:0 0 5px;}
#contenido p.raya {border-bottom:dotted 1px #b3b3b3; width:35em;}

.destacado {color:#ac5c1f;}

/******* TABLA GENERICA *****/
#contenido table.conte {width:43.75em; /*700px;*/ border:none; border-spacing:.5em;}
#contenido table.conte td {padding:3px; vertical-align:top;}
#contenido table.conte td h3 {margin:0 0 .5em 0;}
#contenido table.conte td p {margin:0 0 1em 0;}

/******* TABLA PRECIOS *****/
#contenido table.lista caption {
	font-size:1.25em; 
	margin:0 0 10px 0; 
	color:#344c58; 
	background: none;}
#contenido table.lista th {
	text-align: left;}
#contenido table.lista {width:52em;/*43.75em; /*690px;*/ border:none; border-spacing:0;}
#contenido table.lista td.toptd {border-top:1px #b3b3b3 solid;}
#contenido table.lista td.sinbottom {border-bottom:none; height:45px;}
#contenido table.lista td,
#contenido table.lista th {
	padding:10px 5px 10px 5px; 
	vertical-align:top; 
	border-bottom: 1px solid #6ea7de;
 	border-collapse:collapse;}
#contenido table.lista td.precio,
#contenido table.lista th.precio { 
	font-weight:bold; 
	text-align:right;}
#contenido table.lista td h3 {
	margin:7px 0 3px 0; 
	padding:0;}
#contenido table.lista td p { font-size:0.75em; margin:0; font-weight:bold;}
#contenido table.lista caption.subt1 {
	background: #d8eafc; 
	margin:0;
	padding:12px 0 5px 0; 
	color: inherit;}
#contenido table.lista td.subt, 
#contenido table.lista tr.subt {
	background: #ecf5fd; 
	color: inherit;}
#contenido table.lista th.subt {
	padding:15px 0 0 0;
	margin:0; }
#contenido table.lista td img {padding:0 5px 0 5px; display:inline; margin-bottom:-3px;}

#contenido table.lista tbody tr.subt th.derechas,
.derechas {
	text-align:right!important;}

/******* LINKS SUBIR *****/
img.subir {
	float:right; 
	padding:0 0 4px 0; 
	margin:-3px -9px 0 0;}
#contenido p.subir {
	text-align:center;
	line-height:27px; 
	margin:0 30px 25px 0; 
	background-color:#b3b3b3;
	width:6em;
	padding:0 12px 0 12px;
	float:right;}
#contenido p.subir a{
	color:#fff;
	text-decoration:none;}

#contenido p.submenup {
	font-size:0.75em; 
	margin:5px 0 7px 0; 
	padding:0; 
	line-height:14px;}

#contenido img.imgizq {float:left; border:0px;}

.limpiar {clear:both;}

/************************************ 
                 TOP 
*************************************/
.cuerpo #top { background: #f86d20  url(../image/layout/fondo_top_1.gif) repeat-x; color: #25272c;
	padding:0 25px 0 20px;
	height:66px;
	position:relative;}
.cuerpo #top img {margin:25px 0 0 10px; padding:0px;}
/*.cuerpo #top #top_descripcion { position:absolute; font-size:.75em; font-weight:normal; line-height:14px; 
color:#425159; background: none; margin:0px; top:5px; left:160px;}/*f12px*/
/*.cuerpo #top #top_descripcion span {font-size:0.563em;}/*f9px*//*EE*/

/* MENU Arriba Derecha */
.cuerpo #top ul { position:relative; top:5px;
	margin:10px 0 0 0; padding:0 0 0 0; float:right;}
.cuerpo #top ul li{ float:left; display:block; list-style:none;
 padding:0px 3px; font-size:0.75em; margin:2px 0 0 0;/*f12px*/
 /*border-left:1px solid #A9B2B7;*/}
.cuerpo #top ul li a {text-decoration: none; color:#f5dfbc; background-color:none;}
.cuerpo #top ul li a:hover {text-decoration: underline;}
.cuerpo #top ul li#saltear,.cuerpo #top ul li#saltear a {border-left:0px;}
#labelbusqueda { width:0em; height: 0; display: block;}
 
 /* FORM Busqueda */
li#campob {text-align:right; position:relative; height:20px; overflow: hidden;} /*contenedor inputs*/

form#cse-search-box div {float:right; width:8.438em;/*135px;*/}

input#campobusq {width:5.5em; height:14px; padding:0 !important; background:#f5dfbc !important; color: #25272c; vertical-align: text-top; border:none !important;} /*f11px campo de texto*/ /*w75px;*/

input#btn_campobusq { background:#cf5411 ; width: 5.7em; height:16px; color:#f9e7dd; margin-top:0px; padding: 0; font-size:0.89em; cursor: pointer;
border:1px solid #f0a752; padding-bottom:2px;}


#cse-search-box label { font-weight:normal !important; font-size: 1em;}

#cse-search-results {width:50.625em;/*/810px;*/ background:transparent; overflow:hidden; color: #25272c;} /*Resultado de busqueda impo*/ 
 
.cuerpo #top h3 {
	margin: 0; /* zeroing the margin of the last element in the #top div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 2px;}


/************ MENUTOP **********/
.cuerpo #menutop { 
	background:#F6F1EA; 
	color: #25272c;
	padding: 0 10px 0 20px;
	height:40px;/* altura de menu*/
	font-size:0.75em;/*f12px*/
} 

.cuerpo #menutop ul#menutoplinks, 
.cuerpo #menutop ul#menutopder {
	position:relative; 
	margin:0px; 
	padding:0px; 
	list-style:none; 
	top:2px;
	text-transform:uppercase;}

.cuerpo #menutop ul#menutoplinks { margin-left:12px;}

.cuerpo #menutop ul#menutoplinks li, 
.cuerpo #menutop ul#menutopder li { 
	position:relative; 
	margin:0px; 
	/*padding:0px 10px 0px 10px; */
	float:left; 
	height:40px; 
	line-height:37px; 
	text-align:center;}

.cuerpo #menutop ul#menutopder li {border:none;}


/*********** RADIO ***********/
.cuerpo #menutop ul#menutopder, .cuerpo #menutop #menutopder {float:right;
 background:none; padding: 5px 0 1px 5px ; margin: 2px 0 0 0; color: inherit; width:119px; height:22px; }
html > .cuerpo #menutop #menutopder {width:10.9em;}/*130px*/

.cuerpo #menutop #menutopder a#audio {	float: right; height: 0px;}

.cuerpo #menutop ul#menutoplinks li a, .cuerpo #menutop ul#menutopder li a {background:none; color:#25272C; display:block;padding:2px 10px 0px 10px; border:none; text-decoration: none; height:38px; margin-top:-2px;}

.cuerpo #menutop ul#menutoplinks li a:hover, 
.cuerpo #menutop ul#menutopder li a:hover {
	color:#344c58; 
	background:#FFBA85;
	text-decoration:none;}

.cuerpo #menutop #menutopder span#radio_nom {display:block; margin: 1px 7px 0 3px; float:left;}
.cuerpo #menutop #menutopder span#radio_nom img {
	margin: -6px 0 0 0;
}

/*********************************
***************  TOP_2 **********/
.cuerpo #top_2 { 
	background: #313D43 url(../image/layout/fondo_top_2.gif) bottom repeat-x; 
	padding: 0 25px 0 25px;
	height:19px;
	color:#FFF;
	font-size:0.688em;/*f11px*/
	line-height:19px;} 

.cuerpo #top_2 a {color:#fff; background: none;}

.cuerpo #top_2 ul {
	margin:0px; 
	padding:0px;}
.cuerpo #top_2 ul li {
	position:relative; 
	margin:0px; 
	float:left; 
	height:20px;
	line-height:20px; 
	text-align:center;
	list-style:none;}

.cuerpo #top_2 ul li a {text-decoration:none;padding:0px 3px 0px 3px;}
.cuerpo #top_2 ul li a:hover {text-decoration:underline;}

.cuerpo #top_2 #fecha {float:right; margin:0px;}


/*** 
***************  MENUTOP_2  **********/
.cuerpo #menutop_2 ul#menutop_2links {
	margin:0 0 0 7px; 
	padding:0px; 
	list-style:none;}
.cuerpo #menutop_2 ul#menutop_2links li { 
	position:relative; 
	margin:0px; 
	float:left; 
	height:30px;
	line-height:30px; 
	text-align:center; 
	border-left:1px solid #FFF;}

.cuerpo #menutop_2 ul#menutop_2links li a {
	color:#25272C; 
	display:block;
	padding:0px 10px 0px 10px; 
	background: none; 
	text-decoration: none;}
.cuerpo #menutop_2 ul#menutop_2links li a:hover {
	background:#FFBA85;
	text-decoration:none; 
	color: #000;}

.cuerpo #menutop_2, 
.cuerpo #menutop_2v { 
	background: #fff; 
	padding: 0 10px 0 20px;
	height:30px;
	color:#25272c;
	font-size:0.75em;/*f12px*/
	border-bottom:1px solid #F6F1EA;
}
.cuerpo #menutop_2v {height:15px;}


/**********************************************
                SIDEBAR 
**********************************************/
.cuerpo #sidebar1 {
	position: absolute;
	top:0;
	left:43em;
	float: right;	
	width:13.25em;
	padding: 5px 0 1px 10px; 
	background:#f1f1f1; 
	color: #25272c;/* the background color will be displayed for the length of the content in the column, but no further *//* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ /*wid 190px; */
	margin:19px 15px 0 0; line-height:14px;}

.cuerpo #sidebar1 h2 { margin:0px; padding:0px 0px 10px 0px; font-size:0.938em;}/*f15px*/
/*.cuerpo #sidebar1 ul#menu_izq {margin:0px; padding:0px; list-style:none; text-align:right;}
.cuerpo #sidebar1 ul#menu_izq li { position:relative; left: -10px; margin:0px; height:30px; line-height:30px; width:180px; padding:0px 10px 0px 10px;}
.cuerpo #sidebar1 ul#menu_izq li a {display:block; padding:0px 10px 0px 10px;}
.cuerpo #sidebar1 ul#menu_izq li a:hover {background-color: #ac5c1f; color:#fff; text-decoration:none; }*/
#sidebar1 ul#menu_ico {text-align:left; margin:-20px 0px 4px 0px; padding:7px 0 0 0;}
#sidebar1 ul#menu_ico li {margin:5px 0px 5px 0px; width:11.25em;/*180px;*/ padding:0px; list-style:none;}
#sidebar1 ul#menu_ico li span {margin:0px 0px -5px 0px; padding:0px; line-height:18px; font-weight:bold;}
#sidebar1 ul#menu_ico li a {color: #344c58; background: none;}

.cuerpo #todo #sidebar1 ul#menu_ico ul li { font-size:0.688em; margin:0px 0px 0px -40px; padding:0px;}/*f11px*/

.cuerpo #todo #sidebar1 ul#menu_ico li p{font-size:0.688em; margin:0 0 5px 0; font-weight:normal;}/*f11px*/
.cuerpo #todo #sidebar1 ul#menu_ico li img {float:left; margin:0px 5px 0px 0px; border:none;}

.cuerpo #sidebar1 ul#menu_ico li p a{color:#25272c; background: none;}



/********* CONTENIDO GRAL ************/
.cuerpo #contenido { 
	margin: 0px; /*si se remueve este margen el contenido de esta div se llena por debajo del sidebar */
	padding:10px 20px 10px 42px;
	overflow: visible!important;
	position: relative;
	/*width:44em;/*705px;*//*_width:42.938em;/*687px;*/}

.cuerpo #contenido a {color:#193c62; text-decoration:underline; background: none;}
.cuerpo #contenido a:hover {text-decoration:none;}

.cuerpo #contenido h1 { }

#contenido ul li {list-style-image:url(../image/arrow_li.gif); line-height:18px; padding:0 0 0.65em 0; font-size: .875em;}/*f14px*/

#contenido ul.sinflecha li {list-style: none;}

#contenido ul li img { vertical-align: top; margin-right: 3px;}

/*********************************************************
                       CONTENIDO 1 
**********************************************************/

.cuerpo #contenido_1 { 
	margin-top:18px; /*separa la guarda del contenido*/
	padding: 10px 10px 10px 45px; /* mismo margen que otros */
	background: none;
	color: #25272c;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	/*#height: 134px;*/}

.cuerpo #contenido_1 a {text-decoration:underline;}

.cuerpo #contenido_1 a:hover {text-decoration:none;}

.cuerpo #contenido_1 #banner, 
.cuerpo #contenido_1 #acceso { float:left; padding:5px 10px 5px 5px; margin:0px; }

#contenido_1 #banner { width:13.250em;/*166px;*/ border:1px #A9B2B7 solid; position: relative; height: 195px; overflow: hidden;}

#contenido_1 #banner h2 { margin:0px; font-size:1.125em; /*f18px*/
font-weight:normal;}

/**** Lista de libreria ****/
.cuerpo #contenido_1 #banner ul.libre {margin:0px; padding:0px; width:13.125em;/*210px;*/ height:77px; overflow:hidden; float:left;}
.cuerpo #contenido_1 #banner ul.libre li {float:left; list-style:none; font-size:0.75em; width:5.5em; padding:7px 0px 0px 0px;}/*f12px*/  /*70px;*/ 

.cuerpo #contenido_1 #banner #dgratis {margin:1.25em 0 0 13.125em; padding:0; width:15em;/*135px; son 240px en realidad*/ font-size:0.75em; line-height:15px; #position:absolute; #top:0; #left: 0; text-align: right;}/*f12px*/


.cuerpo #contenido_1 #acceso {width:10.625em;/*170px;*/ padding:0 0 0 20px;}
.cuerpo #contenido_1 #acceso ul {margin:0; padding:0px;}
.cuerpo #contenido_1 #acceso ul li {list-style:none; font-size:0.75em; padding:0px; line-height:18px;}/*0.75em f12px*/
.cuerpo #contenido_1 #acceso ul li.chip {font-size:0.688em;}/*line-height:1.4em;*/
.cuerpo #contenido_1 #acceso ul li.sep4px { padding-top:4px; }

/**************** LIBRERIA ****************/
#contenido ul li.item {width: 90%; border-top:1px solid #ccc; padding:2% 2% .5% 2%; margin:20px 2% 40px 2%; display:block; list-style:none;}
#contenido ul li.item img { float:right; padding:0px; margin:0 0 0 5px;}
#contenido ul li.item h3, #contenido ul li.item p {margin:0px; padding:0px;}
#contenido ul li.item p.subir {margin:5px 0 0 0; padding:0; clear:right; border:none;}

#col1 {
 width: 26em;
 /*background: yellow;*/
 padding: 10px;}
 
 #col2 { position: absolute;
 left: 30em;
 top:255px;
 width: 26em;
 /*background: orange;*/
 padding: 10px;}
 
 #contenido #col1 p.subir,
 #contenido #col2 p.subir  {
	text-align:center;
	line-height:27px; 
	margin:10px 30px 0 0; 
	background-color:#b3b3b3;
	width:2.5em;
	padding:0 12px 0 12px;
	/*float:right;*/}

/************************************************
                  CONTENIDO 3 
 ***********************************************/
.cuerpo #contenido_3 { 
	padding: 5px 18px 5px 20px; /* mismo margen que otros */
	/*#height: 254px;*/
}
.cuerpo #contenido_3 ul {
	margin:0; 
	padding:20px 0 0 5px; 
	list-style:none; 
	float: right;}

.cuerpo #contenido_3 ul li {
	margin:0px;
	display:block;
	float:left;
	padding:0px 10px 0px 10px; 
	line-height:1.2em;
	font-size:0.75em;/*0.75em f12px*/
	border-left:1px solid #A4B1B7;

}
.cuerpo #contenido_3 ul li a{
		color:#777;
		background:none;
		text-decoration:none;}

.cuerpo #contenido_3 ul li a:hover{
		color:#25272c;
		background:none;
		text-decoration: underline;}

/*************************************************
                     PIE                          
**************************************************/
.cuerpo #todo #pie {
	padding: 0 25px 0 20px; /* mismo margen que otros */
	background:#fff;
	height:70px;
	color:#777;
	text-align:center;
	border-top:1px solid #B3B3B3;}

.cuerpo #todo #pie p {
	text-align: right;
	font-size:0.75em;
	margin:0; /* llevando a 0 el margen del primer elemento evita espacios en blanco con la div vecina */
	line-height:35px;/*padding: 0px 0;  padding on this element will create space, just as the the margin would have, without the margin collapse issue */}

.cuerpo #pie p a {
	color:#4d555d;
	background: none;}


/************** END PIE ****************/


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height:0;
    font-size:0.063em;/*0.063em f1px*/
    line-height: 0px;
	display:block;}

/*** FOCUS ***/
input {font-size:100%;}

input:focus, a:focus {
   _border: 2px solid #FF984A;
   outline: 2px solid #FF984A;
   background: #FFECD9;
   color:#000000;
}
   
#date {
	width:5em;/*80px;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
	color: #996600;
	background : #FFE3D7;
	text-align: center;}
	
.cuerpo #contenido_1 #acceso img {padding: 0 0 7px 0;}

/********* Lenguaje Ciudadano *************/
.cuerpo #contenido h1 span,
.cuerpo #contenido h3 span { font-family:Arial, Helvetica, sans-serif; font-size:.7em;padding:0 5px 0 5px; line-height:.7em;}
ul.lc_pub {margin: 0; padding:0;}
ul.lc_pub li{	display: block; float: left; margin: 0 30px 20px 0;
 list-style: none;}
.cuerpo #contenido h1 span {  font-size:.5em;}

li.menu_dest1, 
li.menu_dest2 {background: #E4EAF5; color: black;
			padding: 0 3px 0 5px !important; 
			position: relative;
			left:-5px;}
body>html> li.menu_dest1, body>html> li.menu_dest2 {left:-2px;}/*h f*/
li.menu_dest1 {border-top: 1px solid #a4b1b7;}
li.menu_dest2 {position: relative; top:-5px; border-bottom: 1px solid #a4b1b7;}

/* home 3.1 LINKS */
#sidebar1 ul#menu_ico li a ,

#sidebar1 ul#menu_ico li a:hover {text-decoration: underline;}

/* home 3.1 NORMAS DEL DIA */
#contenido .destacax2 #player {
				background: url(../image/player/bg_home_player3.1.gif) no-repeat ; 
				color: #000;
				height: 45px;
				width: 15.5em;
				padding: 19px 0 0 0; 
				position:absolute; left:5px; bottom:-28px; /*v3*/
				/*border: solid 1px red;*/	}
.destacax2 p#escuchar_sumario {z-index: 2; font-size: .55em; }

#contenido .destacax2 p.masinfowhite {position:absolute; left:171px; bottom:52px;}

.centrado {	text-align: center;}/*3.3*/

/* PANTALLA*/
hr.raya {height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #b3b3b3;}


/*** Sociedad ***/
#m2011 p {margin-top:-7px;}

.ocultar { display: none;}