/* CSS Document */
body {
text-align: center;
background-color: #FFFFFF;
}
#Layer4 {
	position:absolute;
	left:-7px;
	top:89px;
	width:375px;
	height:6819px;
	z-index:4;
	background-color: #FFFFFF;
	visibility: visible;
}
#Layer6 {
	position:absolute;
	left:15px;
	top:52px;
	width:350px;
	height:8350px;
	z-index:2;
	visibility: visible;
}
#Layer15 {
	position:absolute;
	left:0px;
	top:0px;
	width:375px;
	height:90px;
	z-index:36;
	visibility: visible;
}
#Layer64 {
	position:absolute;
	left:0px;
	top:6300px;
	width:375px;
	height:413px;
	z-index:42;
	background-image: url(mobile/images/375-Fondo-naranja.jpg);
	visibility: visible;
}
#Layer1 {
	position:absolute;
	left:215px;
	top:3253px;
	width:129px;
	height:20px;
	z-index:3;
	visibility: visible;
}
#Layer3 {
	position:absolute;
	left:53px;
	top:314px;
	width:289px;
	height:19px;
	z-index:37;
}
body {
	background-color: #FFFFFF;
}
#Layer5 {
	position:absolute;
	left:14px;
	top:322px;
	width:163px;
	height:64px;
	z-index:38;
}
#Layer7 {
	position:absolute;
	left:189px;
	top:321px;
	width:179px;
	height:63px;
	z-index:39;
}
#Layer8 {
	position:absolute;
	left:37px;
	top:288px;
	width:295px;
	height:17px;
	z-index:40;
}
#Layer9 {
	position:absolute;
	left:336px;
	top:4000px;
	width:344px;
	height:45px;
	z-index:2;
}
.Estilo1 {
	font-family: Lato;
	font-size: 12px;
}
.Estilo3 {color: #000000; line-height: 18px; padding: 3px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	color: #003333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
} 
body * {
	text-align: left;
}
<style type="text/css" media="screen">
img{max-width:100%;}
</style> 
#contenedor {
	position: absolute; /* se coloca a la mitad de la pagina */
	left: 50%;
	width: 985px; /*el div tiene un ancho de 750px*/
	margin-left: -500px; /* Corremos el margen izquierdo a la mitad del width en negativo */
	z-index: 2;
}
#contenedor2 {
	position: absolute; /* se coloca a la mitad de la pagina */
	left: 50%;
	width: 375px; /*el div tiene un ancho de 750px*/
	margin-left: -187px; /* Corremos el margen izquierdo a la mitad del width en negativo */
	z-index: 2;
} 
#contenedor3 {
	position: absolute; /* se coloca a la mitad de la pagina */
	left: 50%;
	width: 100%; /*el div tiene un ancho de 750px*/
	margin-left: -50%; /* Corremos el margen izquierdo a la mitad del width en negativo */
	z-index: 1;
} 
#Encabezado {
	background-color: #94866B;
	padding-left: 20px;
}
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	line-height: 21px;
	padding: 3px;
	text-align: left;
}
.lista {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	display:list-item;
	list-style-type:none;
	line-height: 1.2em;
	margin-bottom:-1em;
}
.derecha_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 21px;
	padding: 3px;
	text-align: right;
}
.menu_inferior_titulo {
	font-family: Lato;
	font-size: 16px;
	color: #000000;
	line-height: 26px;
	padding: 3px;
}
.menu_inferior_apartado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 26px;
	padding: 3px;
}
.derecha_9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: right;
}
.derecha_7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: right;
}
.izquierda_9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: left;
}
.izquierda_10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: left;
}
.izquierda_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: left;
}
.bold_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	text-align: right;
}
.bold_claro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFCC;
	text-align: left;
}
.bold_claro_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFCC;
	text-align: right;
	padding-right: 10px;
}
.bold_center {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 25px;
	font-weight: lighter;
	color: #000000;
	text-align: center;
}
.right_cursiva {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	line-height: 18px;
	color: #000000;
	text-align: right;
}
.descripcion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: justify;
}
.cita{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	font-style: italic;
}
.pie_foto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	font-style: italic;
}
.sub_h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0,3em;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.sub_h_muy_pequena {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0,3em;
	line-height: 1.2em;
	color: #000000;
	text-align: left;
}
.ambito{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-decoration: underline;
	font-weight: bold;
}
.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
}
.bold_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003300;
	margin: 10;
	text-align: right;
}
.bold_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFCC;
	text-align: right;
}
.lista {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-indent: 50px;
	display: list-item;
	list-style-type: none;
	line-height: 18px;
}
.titulo_noticia {
	font-family: Lato;
	font-size: 23px;
	font-style: normal;
	font-weight: bold;
	color: #006666;
}
.descripcion_noticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #666666;
}
.autor_noticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #333333;
}
.pequeña_negrita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.tamaño_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
}
.tamaño_21 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 18px;
	color: #000000;
}
.tamaño_18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #000000;
}
.tamaño_21 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 18px;
	color: #000000;
}
.tamaño_24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
}
.pequeño_menu {
	font-family: Lato;
	font-size: 10px; 
	font-weight: bold;
}
.texto_noticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
}
.diario_noticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #333333;
}
.link_noticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #99CC33;
}
.margen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left: 80px;
}
.margen_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left: 40px;
}
.margen_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #106F2B;
	font-weight: bold;
}
.margen_4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	margin-left: 200px;
	color: #106F2B;
	font-style: italic;
}
.titulo_1 {
	font-family: Lato;
	font-size: 20px;
	color: #000000;
	text-align: left;
}
.Titulo_1_Box-shadow{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-align: left;
	box-shadow: 0px 3px 0px rgba(0,0,0,.5);
	
}
.titulo_2 {
	font-family: Lato;
	font-size: 23px;	
	color: #99CC00;
	text-align: right;
	text-shadow: -3px 5px 6px #D7FF5B;
}
.titulo_3 {
	font-family: Lato;
	font-size: 20px;
	color: #99CC00;
	text-align: left;
	text-shadow: -3px 5px 6px #D7FF5B;
}
.titulo_4 {
	font-family: Lato;
	font-size: 18px;
	color: #000000;
	line-height: 21px;
	padding: 3px;
	text-align: left;
}
.titulo_5 {
	font-family: Lato;
	font-size: 21px;
	color: #FFFFCC;
	text-align: left;
	text-shadow: -1px 3px 4px #777;
}
.menu_1 {
	font-family: Lato;
	font-size: 23px;
	font-weight: bold;
	color: #FFFFCC;
	text-align: center;
	text-shadow: -3px 2px 10px #CCFF66;
}
.fondo_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFCC;
	text-align: center;
	background-color: #FF9900;
}
.fondo_publi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #AB81AB;
}
.Three-Dee{
	font-family: Verdana, sans-serif;
	line-height: 1em;
	color: #dbd7d7;
	font-weight:bold;
	font-size: 33px;
	text-align: center;
	text-shadow:0px 0px 0 rgb(176,172,172),1px 0px 0 rgb(151,147,147),2px 0px 0 rgb(126,122,122), 3px 0px 0 rgb(101,97,97),4px 0px 3px rgba(0,0,0,0.1),4px 0px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);	
}
.Three-Dee-small{
	font-family: Verdana, sans-serif;
	line-height: 1em;
	color: #dbd7d7;
	font-weight:bold;
	font-size: 18px;
	text-align: left;
	text-shadow:0px 0px 0 rgb(176,172,172),1px 0px 0 rgb(151,147,147),2px 0px 0 rgb(126,122,122), 3px 0px 0 rgb(101,97,97),4px 0px 3px rgba(0,0,0,0.1),4px 0px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);	
}
.Box-shadow{box-shadow: 3px 5px 5px rgba(0,0,0,.2);
}
.siguenos{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
.promocion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFCC;
	text-align:center;	
	text-shadow: -3px 2px 10px #FFFFFF;
}.precio{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: right;
}
.cloud_tag_1{
	font-family:Verdana;
	font-size: 0.57em;
	color: #000000;
	line-height: 1.3em;
	text-align:center
}
.pequeno_11{
	font-family:Verdana;
	font-size: 11.5px;
	color: #000000;
	line-height: 1.3em;
	padding: 0.2em;
	text-align: left;
}
.encabezado-folleto{
	font-family: "Tempus Sans ITC";
	font-size: 35px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.encabezado-folleto-pequeño{
	font-family: "Tempus Sans ITC";
	font-size: 23px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.encabezado-folleto-mas-pequeño{
	font-family: "Tempus Sans ITC";
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.texto-folleto{
	font-family: "Tempus Sans ITC";
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.texto-folleto-12{
	font-family: "Tempus Sans ITC";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.texto-folleto-20{
	font-family: "Tempus Sans ITC";
	font-size: 23px;
	font-weight: bold;
	color: #000000;
}
.texto-folleto-24-right{
	font-family: "Tempus Sans ITC";
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-align: right;
}
.texto-folleto-14-right{
	font-family: "Tempus Sans ITC";
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	text-align: right;
}
.texto-folleto-11-right{
	font-family: "Tempus Sans ITC";
	font-size: 14px;
	color: #000000;
	text-align: right;
}
.texto-folleto-14{
	font-family: "Tempus Sans ITC";
	font-size: 17px;
	font-weight: bold;
	color: #000000;
}
.vive{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #996699;
}
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
cursor: pointer;
}
.menu {
	float: left;
	color: #ffffcc;
	font-family: Lato;
	font-size:16px;
	font-weight:bolder;
	background: #999999;
}
.menu ul {
	float:left;
	height:0px;
	list-style:none;
	margin:0;
	padding:0;
	box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.5);
}
.menu li{
	float:left;
	padding:0px;
	list-style: none;
	box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.5);
}
.menu li a{
	display:block;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:7px 10px; /* Espacio entre cada pestaña */
	text-align:center;
	text-decoration:none;
	color: #ffffcc;
	background: #999999;
}
.menu li a:hover, .menu ul li:hover a {
	background: #CCCCCC; /* Color de las pestañas al pasar el cursor */
	color:#FFFFFF; /* Color del texto al pasar el cursor */
	text-decoration:none;
	list-style: none;
}
.menu li ul {
background:#999999; /* Color de fondo del submenú */
display:none;
height:auto;
padding:0px;
margin:0px;
position:absolute;
z-index:100;
}
.menu li:hover ul{
display:block;
background: #999999;
}
.menu li li {
display:block;
float:none;
margin:17px;
padding:0px;
background: #999999;
}
.menu li:hover li a {
background:#999999;
}
.menu li ul a {
display:block;
height:30px;
font-size:16px;
font-style:normal;
margin:17px;
padding:0px 7px 0px 10px;
text-align:left;
background: #999999;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#CCCCCC; /* Color de las subpestañas al pasar el cursor */
color:#FFFFFF;
text-decoration:none;
}
.blockbutton{
width: 100%;
border: 2px solid #4CAF50;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
border-radius: 12px;
background-color: #FFFFFF;
color: #000000;
padding: 20px 35px;
font-size: 15px;
cursor: pointer;
text-align: center;
}
<link href='favicon.ico' rel='shortcut icon' type='image/x-icon' />
/***** Hacks de Selectores CSS ******/

/* IE6 y anteriores */
* html #uno  { color: red }

/* IE7 */
*:first-child+html #dos { color: red }

/* IE7, FF, Saf, Opera  */
html>body #tres { color: red }

/* IE8, FF, Saf, Opera (Todo menos IE 6,7) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 y anteriores, safari 2 */
html:first-child #cinco { color: red }

/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho {  color: red }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#diez  { color: red  }
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#veintiseis { color: red  }
}

/* Safari 2 - 3.1 */
html[xmlns*=""]:root #trece  { color: red  }

/* Safari 2 - 3.1, Opera 9.25 */
*|html[xmlns*=""] #catorce { color: red  }

/* Todo menos IE6-8 */
:root *> #quince { color: red  }

/* IE7 */
*+html #dieciocho {  color: red }

/* Solo Firefox. 1+ */
#veinticuatro, x:-moz-any-link { color: red }

/* Firefox 3.0+ */
#veinticinco, x:-moz-any-link, x:default { color: red  }

/***** Hacks de Atributos ******/

/* IE6 */
#once { color: blue }

/* IE6, IE7 */
#doce { color: blue; /* or #color: blue */ }

/* Todo menos IE6 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue; }

/* IE7, IE8 */
#veinte { color/*\**/: blue; }

/* IE6, IE7 -- actúa como !important */
#veintesiete { color: blue !ie; }
 - Codigo para la política de cookies
     
     
    <style type="text/css">
     
    /* CSS para la animación y localización de los DIV de cookies */
     
    @keyframes desaparecer
    {
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
    }
     
    @-webkit-keyframes desaparecer /* Safari and Chrome */
    {
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
    }
     
    @keyframes aparecer
    {
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
    }
     
    @-webkit-keyframes aparecer /* Safari and Chrome */
    {
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
    }
    #cookiesms1:target {
        display: none;
    }
    .cookiesms{	
    	width:99%;
		height:auto;
    	margin:0 auto;
    	padding-left:1%;
            padding-top:5px;
            font-size: 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
    	clear:both;
            font-weight:400;
    color: #333;
    bottom:0px;
    position:fixed;
    left: 0px;
    background-color: #CCCCCC;
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index:999999999;
    }
     
    .cookiesms:hover{
    bottom:0px;
    }
    .cookies2{
	background-color: #CCCCCC;
	display:inline;
	opacity:0.95;
	filter:alpha(opacity=95);
	position:absolute;
	left:1%;
	top:-30px;
	font-size:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:26px;
	padding-left:25px;
	padding-right:25px;

    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;

    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index: 1;
    }
          
    </style>/* Fin del CSS para cookies */