/* @charset "utf-8"; */
/* CSS Document 
cuando una div es dinamica y su contenido crece o decrece, (asi como lo desee el cliente con el administrador), a esa misma div no se le puede dar posicion absoluta porque si no se monta encima del pie y como queremos que arrastre el pie le damos position relative pero a la div que sea dinamica y no al pie, al pie no se le da ninguna position sino que se le da un padding-top con su tamaño, es decir, si la imagen del pie mide 250px pues el padding-top sería 250px, y entonces asi el contenido de la div arrastrará el pie. para ver como funciona está solo hecho en hemeroteca.php con sus estilos #hemeroteca, #imgfooterhemeroteca, #footerhemeroteca.   
*/

html, body { height:100%; }


body { 
	   text-align: center;
	   margin:0;		   	   
}

#container {		
	width: 955px;
	margin: 0 auto;		
	text-align: left;
	height: 100%;	
}

#videocontainer {		
	width: 350px;
	margin: 0 auto;		
	text-align: left;
	height: 100%;	
}	

#logo{
	position:absolute;
	top: 20px;
	margin: 0 auto;	
	width:180px;
	height:154px;		
}

#idiomas{
	position:absolute;
	margin-left: 790px;
	top: 24px;	
	width: 160px;
}


#menuhome{
	position:absolute;
	margin-left: 180px;
	top: 84px;	
	width: 775px;
	
}

#menu_navidad{
	position:absolute;
	margin-left: 180px;
	top: 140px;	
	width: 770px;
	
}

#menuhome_deu{
	position:absolute;
	margin-left: 180px;
	top: 84px;	
	width: 775px;
	
}

#imagenapartado{
	position:absolute;
	width: 180px;
	height: 300px;
	margin: 0 auto;
	top: 180px;
}

#noticiadestacada{
	position:absolute;
	margin-left: 180px;
	width: 300px;
	top: 200px;
	
}

#noticiadestacadatexto{
	position:absolute;
	padding-left: 10px;
	margin-left: 480px;	
	width: 220px;
	top: 200px;
}

#degradado{	
	position:absolute;
	margin-left: 700px;	
	width: 40px;
	top: 175px;	
	
}

#ultimas{	
	position:absolute;
	margin-left: 740px;
	width: 215px;
	top: 200px;	
	
}

#hemeroteca{
	position: relative;
	margin-left: 180px;
	width: 775px;
	top: 200px;	
}

#mapaweb{
	position:absolute;
	margin-left: 180px;
	width: 300px;
	top: 200px;	
}

#mapaweb2{
	position:absolute;
	margin-left: 480px;
	width: 300px;
	top: 200px;	
}

#club{
	position:absolute;
	margin-left: 180px;
	width: 700px;
	top: 200px;	
}

#historia{
	position:absolute;
	margin-left: 180px;
	width: 600px;
	top: 200px;	
}

#empresa{
	position:absolute;
	margin-left: 180px;
	width: 385px;
	top: 200px;	
}
#empresa2{
	position:absolute;
	margin-left: 580px;
	width: 385px;
	top: 199px;	
}

#premios{
	position:absolute;
	margin-left: 180px;
	width: 385px;
	top: 200px;
	z-index: 900;
}
#premios2{
	position:absolute;
	margin-left: 540px;
	width: 340px;
	top: 190px;
	z-index:1;	
}

#mundo{
	position:absolute;
	margin-left: 180px;
	width: 775px;
	top: 200px;	
}


#imagenes_empresa{
	position:absolute;
	margin-left: 230px;
	width: 775px;
	top: 450px;
}

#menu_premios{
	position:absolute;
	margin-left: 230px;
	width: 775px;
	top: 450px;	
}

#fincas2{
	position:absolute;
	margin-left: 560px;
	width: 385px;
	top: 200px;	
}

#menu_fincas{
	position:absolute;
	margin-left: 230px;
	width: 775px;
	top: 500px;	
}

#menu_fincas_montanera{
	position:absolute;
	margin-left: 230px;
	width: 775px;
	top: 780px;	
}

#menu_tradicional{
	position:absolute;
	margin-left: 100px;
	width: 850px;
	top: 520px;	
}

#menu_extraordinarios{
	position:absolute;
	margin-left: 100px;
	width: 800px;
	top: 520px;	
}

#menu_extraordinarios_deu{
	position:absolute;
	margin-left: 20px;
	width: 955px;
	top: 520px;	
}

#menu_lotes{
	position:absolute;
	margin-left: 70px;
	width: 900px;
	top: 520px;	
}

#menu_lotes_de{
	position:absolute;
	margin-left: 40px;
	width: 910px;
	top: 520px;	
}

#menu_lotes_en{
	position:absolute;
	margin-left: 50px;
	width: 900px;
	top: 520px;	
}

#menu_selecto{
	position:absolute;
	margin-left: 40px;
	width: 910px;
	top: 620px;	
}

#menu_selecto_fr{
	position:absolute;
	margin-left: 70px;
	width: 900px;
	top: 620px;	
}

#menu_salud{
	position:absolute;
	margin-left: 150px;
	width: 780px;
	top: 1050px;	
}

#menu_children{
	position:absolute;
	margin-left: 200px;
	width: 717px;
	top: 600px;
}

#menu_enfants{
	position:absolute;
	margin-left: 200px;
	width: 800px;
	top: 600px;	
}


#menu_hipertension{
	position:absolute;
	margin-left: 200px;
	width: 680px;
	top: 680px;	
}


#extraordinarios{
	position:absolute;
	margin-left: 180px;
	width: 360px;
	top: 200px;	
}

#paleta{
	position:absolute;
	margin-left: 180px;
	width: 300px;
	top: 200px;	
}

#paleta2{
	position:absolute;
	margin-left: 500px;
	width: 385px;
	top: 200px;	
}

#embutidos-lineas{
	position:absolute;
	margin-left: 180px;
	width: 250px;
	top: 200px;	
}

#embutidos-lineas2{
	position:absolute;
	margin-left: 420px;
	width: 250px;
	top: 180px;	
}

#embutidos-lineas3{
	position:absolute;
	margin-left: 680px;
	width: 250px;
	top: 220px;	
}

#suculento{
	position:absolute;
	margin-left: 390px;
	width: 250px;
	top: 180px;	
}

#selecto{
	position:absolute;
	margin-left: 520px;
	width: 250px;
	top: 180px;	
}

#selectotexto{
	position:absolute;
	margin-left: 180px;
	width: 340px;
	top: 200px;	
}

#delicias{
	position:absolute;
	margin-left: 180px;
	width: 280px;
	top: 200px;	
}
#delicias2{
	position:absolute;
	margin-left: 480px;
	width: 250px;
	top: 200px;	
}

#delicias3{
	position:absolute;
	margin-left: 650px;
	width: 250px;
	top: 180px;	
}

#salud2{
	position:absolute;
	margin-left: 180px;
	width: 700px;
	top: 350px;	
}

#salud{
	position:absolute;
	margin-left: 180px;
	width: 700px;
	top: 200px;	
}

#distribucionintro{
	position:absolute;
	margin-left: 180px;
	width: 700px;
	top: 200px;	
}

#distribucionimg{
	position:absolute;
	margin-left: 180px;
	width: 240px;
	top: 270px;	
}

#distribucionform{
	position:absolute;
	margin-left: 480px;
	width: 500px;
	top: 240px;	
}



#contacto{
	position:absolute;
	margin-left: 180px;
	width: 280px;
	top: 200px;	
}

#contacto2{
	position:absolute;
	margin-left: 480px;
	width: 500px;
	top: 200px;	
}

#datoscontacto{
	position:absolute;
	margin-left: 180px;
	width: 280px;
	top: 680px;	
}

#galeria{
	position:absolute;
	margin-left: 180px;
	width: 740px;
	top: 200px;	
}

#formulario{
	position:absolute;
	margin-left: 180px;
	width: 775px;
	top: 380px;
}

#formizq{
	width: 150px;
	}
#formder{
	float:left;
	width: 600px;
	}
	

#imgfooter{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 500px;
}
#imgfooterhemeroteca{
	
	margin-left: 0px;
	width: 955px;
	padding-top: 238px;
}

#imgfootermapaweb{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1000px;
}

#imgfooterclub{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 720px;
}

#imgfootermontanera{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 800px;
}

#imgfooterhistoria{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1450px;
}

#imgfooterempresa{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 750px;
}

#imgfootermundo{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 700px;
}

#imgfooteriberico{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1000px;
}

#imgfooterguijuelo{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 650px;
}

#imgfooteremb-lineas{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 600px;
}

#imgfooterselecto{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 696px;
	height: 236px;
}

#imgfooterselecto_en{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 716px;
	height: 236px;
}

#imgfootersalud{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1100px;
}

#imgfooterhipertension{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 720px;
}

#imgfootercontacto{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 680px;
}

#imgfooterdistribucion{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 950px;
}

#imgfootergaleria{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 2050px;
}

#imgfooterchildren{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 700px;
}

#imgfootercorte{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 6600px;
}

#imgfootercata{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1600px;
}

#footer{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 709px;
}

#footerhemeroteca{
	margin-left: 0px;
	width: 955px;
	padding-top: 5px;
}

#footermapaweb{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1210px;
}

#footerclub{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 920px;
}

#footermontanera{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1009px;
}

#footerhistoria{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1659px;
}

#footerempresa{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 959px;
}

#footermundo{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 909px;
}

#footeriberico{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1209px;
}

#footerguijuelo{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 859px;
}

#footeremb-lineas{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 809px;
}

#footerselecto{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 879px;
}

#footerselecto_en{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 919px;
}

#footersalud{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1309px;
}

#footerhipertension{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 929px;
}

#footercontacto{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 840px;
}

#footerdistribucion{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1130px;
}

#footergaleria{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 2259px;
}

#footerchildren{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 909px;
}

#footercorte{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 6809px;
}

#footercata{
	position:absolute;
	margin-left: 0px;
	width: 955px;
	top: 1809px;
}

.paddingTD{
	padding-left: 20px;	
}

.paddingTD40px{
	padding-left: 40px;	
}

.paddingTD70px{
	padding-left: 70px;	
}

.paddingTD160px{
	padding-left: 160px;	
}



.paddingTDright-left40px{
	padding-right: 40px;
	padding-left: 40px;	
}

.float{
	float:left;
    margin-right : 10px;
    margin-bottom : 10px;
	padding: 10px;
	}

.floatright{
	float: right;
    margin-left : 10px;
    margin-bottom : 10px;
	
	}	
.floatsinborde{
	float:left;
    margin-right : 5px;
    margin-bottom : 10px;
	padding: 0px;
	margin-left: 0px;	
	}

img{
	border: none;
}

.fecha {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.titulogris {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

.noticia {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.titulorojo{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	color:#d12c30;
	font-weight:bold;
	word-spacing:normal;
	line-height: 25px;
	letter-spacing:normal;
}

.texto {
	font-size: 11px;
	font-family:Arial,Verdana,sans-serif;
	color:#999999;
	text-align: justify;
	font-style:italic;
}
.textonormal {
	font-size: 11px;
	font-family:Arial,Verdana,sans-serif;
	color:#666666;
	text-align: justify;
}
.textoBold {
	font-size: 11px;
	font-family:Arial,Verdana,sans-serif;
	color:#666666;
	font-weight: bold;
}

.fecha {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.titulo {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

.titulo12px {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}


H1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#cc3333;
	font-weight:bold;
	word-spacing:normal;
	line-height: 20px;
	letter-spacing: normal;
	vertical-align:top;
	margin: 0;
	display:inline;
}

H2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333333;
	font-weight:bold;
	word-spacing:normal;
	line-height: 20px;
	letter-spacing: normal;
	vertical-align:top;
	margin: 0;
	display:inline;
}

H3{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	font-weight:normal;
	word-spacing:normal;
	line-height: 17px;
	letter-spacing:normal;
	margin: 0;
	display:inline;
}

p{
	padding: 0px 10px 0px 10px; /* (top, right, bottom, left) */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	font-weight:normal;
	word-spacing:normal;
	/* line-height: 17px; */
	/* letter-spacing:normal; */
	/* margin: 0; */
	/* display:inline; */
}

.texto{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	font-weight:normal;
	word-spacing:normal;
	line-height: 17px;
	letter-spacing:normal;
}

.titulargrande{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#cc3333;
	font-weight:bold;
	word-spacing:normal;
	line-height: 30px;
	letter-spacing: normal;
	vertical-align:top;
	margin: 0;
	display:inline;
}

.titular_tangerine{
	font-family: 'Tangerine', serif;
  	font-size: 34px;
	color: #CC3333;
  	text-shadow: 4px 4px 4px #aaa;
	line-height: 40px;
}

.footer{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	font-weight:normal;
	word-spacing:normal;
	line-height: 17px;
	letter-spacing:normal;
}

.textogrisclaro{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	font-weight:normal;
	word-spacing:normal;
	line-height: 17px;
	letter-spacing:normal;
}

a:link {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #333333;
text-decoration : none;
font-weight : normal;
}

a:visited {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #333333;
text-decoration : none;
font-weight : normal;
}

a:active {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #333333;
text-decoration : none;
font-weight: normal;
}

a:hover {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #999999;
text-decoration : none;
font-weight : normal;
}

a.espanol:link {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
text-decoration : none;
font-weight : normal;
}

a.espanol:visited {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
text-decoration : none;
font-weight : normal;
}

a.espanol:active {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
text-decoration : none;
font-weight: normal;
}

a.espanol:hover {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #999999;
text-decoration : none;
font-weight : normal;
}

a.aleman:link {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
text-decoration : none;
font-weight : normal;
}

a.aleman:visited {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
text-decoration : none;
font-weight : normal;
}

a.aleman:active {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
text-decoration : none;
font-weight: normal;
}

a.aleman:hover {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #999999;
text-decoration : none;
font-weight : normal;
}

a.leer:link {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}

a.leer:visited	{
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}

a.leer:active {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
}

a.leer:hover {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}

a.leerrojo:link {
	color: #d22c2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}

a.leerrojo:visited	{
	color: #d22c2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}

a.leerrojo:active {
	color: #d22c2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
}

a.leerrojo:hover {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}


a.footer:link {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
}

a.footer:visited	{
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
}

a.footer:active {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
}

a.footer:hover {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
}
.boton
{
	font-size:10px;
    font-family:Verdana,Helvetica;
    font-weight:bold;
    color:#d12c30;
    background:#ffffff;
    border: 1px solid #ccc;
}

.botondistribucion
{
	font-size:10px;
    font-family:Verdana,Helvetica;
    font-weight:bold;
    color:#FFFFFF;
    background:#CC3333;
    border: 1px solid #003399;
}

input [type="checkbox"]{
	font-family:Arial,Verdana,sans-serif;
	color:333333;
	background:#ffffff;
}

INPUT, TEXTAREA,SELECT {
	font-size: 11px;
	font-family:Arial,Verdana,sans-serif;
	color:333333;
	background:#ffffff;
	border: 1px solid #ccc;
}