﻿BODY
{
    margin: 0 0 0 0px;
    /*margin: 0 0 10 0px;*/
    text-align: center;
    /*background-color: #eaeaea;*/
    background-color:White;
}

body, td, th{
    font-family:  Verdana,Helvetica, Arial;
    /*font-size: 11px;*/
    font-size: 12px;
    color:#646464;
    line-height: 140%;
    
 }

li
{
	line-height:18px;
}	


#main_page {
	text-align: justify;
	background-color: #FFFFFF;
	margin: 0px auto;
	width: 896px;
	border: 0px solid #8B8B8B;

}

#main_cab {
	background-color: #B5B5B5;
	margin: 0px;
	width: 896px;
	height: 75px;
	background-image: url(/img/cab_deg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	
}

#main_cab_logo
{
   	margin-left: 28px;
	margin-top: 21px;
	position: absolute;
	width: 173px;
	height: 35px;

}
#main_cab_nombre_filial
{
   	margin-left: 215px;
	margin-top: 21px;
	position: absolute;
	width: 173px;
	height: 35px;

}
#main_cab_nombre_filial2
{
    margin-left: 215px; 
   	/* margin-left: 180px;- con logo 60 aniversario.*/
	margin-top: 21px;
	position: absolute;
	width: 173px;
	height: 35px;

}

#main_cab_der 
{    
	position: absolute;
   	margin-left: 690px;
   	width: 200px;
	margin-top: 1px;
}

#main_menu {
	background-color: #B5B5B5;
	margin: 0px;
	width: 896px;
	height: 22px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	z-index:10;
}

#main_menu a:hover{ 
	color: #005B9C;
}

#main_menu_izq 
{
	/*margin-left: 18px;*/
	margin-left: 2px;
	height: 22px;
	width:480px;
	position:relative;
	top:0px;
	left:0px;
	/*margin-left:68px;*/
	margin-right:2px;
	font-family: Verdana ,Helvetica, "Futura Lt BT", Arial;
	font-size: 13px;
	/*font-style: oblique;*/
	font-weight: bold;
	line-height: 22px;
	color: #FFFFFF;	
	z-index:10;
}

#main_menu_izq a{ 
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
}

#main_menu_izq a.caja{ 
	color: #636363;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
	font-style:normal;
}
#main_menu_izq a.caja:hover{ 
	color: #004088;
	text-decoration: none;
}

#main_menu_der {
	height: 22px;
	float: right;
	margin-left:1px;
	margin-right:5px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	line-height: 22px;
	/*font-weight: bold;*/
	text-transform:uppercase;
	color: #FFFFFF;	
}

#main_menu_der a{ 
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
}

#main_menu_der a:hover{ 
	font-weight: bold;
	color: #FFFFFF;	
}

#main_image {
	background-color: #E9E9E9;
	margin: 0px;
	padding-left:0px;
	height: 160px;
}

#main_semilla_buscador
{
	background-color: #FFFFFF;
	width: 845px;
	height: 30px;
	margin-top: 2px;
	margin-right: 23px;
	margin-bottom: 2px;
	margin-left: 28px;
	line-height:30px;
	font-size: 10px;
/*	border: solid 1px black;*/
}

#main_semilla {
	width: 610px;
	height: 30px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index:0;
}

#main_buscador {
	width: 235px;
	height: 30px;
	float: right;
	text-align:right;
}




#main_contenido 
{ 
	position:relative;
	background-color: #FFFFFF;
	width: 845px; 
	height: auto;
	min-height:200px; 
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 13px;
	margin-left: 28px;
	display:table;
	z-index:0;
	/*border:1px solid #000000;*/
	
}

#main_cont_izq {
	background-color: #FFFFFF;
	width: 610px;
	min-height: 200px;
	position:relative;
	top:0px;
	left:0px;	
	z-index:0;
}

#main_cont_der 
{    
	position: relative;
	display:table-column;
	width: 225px;
	min-height: 200px;
	float: right;
	z-index:0;
}

#pie {
	background-color: #FFFFFF;
	width: 845px; 
	margin-left: 28px;
	margin-right: 23px;
	height:32px;
	border-top: dotted 1px #B5B5B5;
}

#pie a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8B8B8B;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 32px;
}

#pie a:hover {
	color: #8B8B8B;
	font-weight: bold;
}

.menu_caja 
{
    filter: alpha(opacity=95); opacity: .95; z-index:10;
}
.menu_caja table
{
    background-color: #E9E9E9;
    filter: alpha(opacity=95); opacity: .95; z-index:10;
}

.menu_caja td
{
    font-size: 12px;
    padding-bottom: 4px;
    padding-top: 4px;
    color: #636363;
    font-weight: bold;
    overflow: visible;
    z-index:10;
}
.menu_caja td.seleccionado
{
    background:#AFAFAF;
    z-index:10;
}


.centrado
{
    text-align:center;
}

.cpoformulario
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    height: 15px;
    font-size: 11px;
    font-family: Verdana;
    text-align:left;
}
.tituloseccion
{
    color: #006699;
    font-size: 20px;
    font-family: Helvetica light, Verdana, Arial;
    line-height: 30px;
}

/* Tituloseccionportal, es el mismo de arriba, lo duplicamos para que el
titular de la seccion boletines no coja el estilo tituloseccion incluido en plantilla_boletin.txt*/
.tituloseccionportal
{
    color: #006699;
    font-size: 20px;
    font-family: Helvetica light, Verdana, Arial;
    line-height: 30px;
}

.tituloseccion2
{
    color: #006699;
    font-size: 12px;
    font-style: normal;
    font-family: Helvetica light, Verdana, Arial;
    line-height: 30px;
}

.continente
{
    border-bottom: dotted 1px #AAAAAA;
    color: #006699;
    height:21px;
    width:100px;
    text-align:left;
    font-size:10px;
   
}

.size10
{
    font-size:10px;
}    

#main_contenido a
{
    text-decoration:underline;
    color: #4e4e4e;
}

#main_contenido a:hover
{
    font-weight:bold;
}

.azul
{
    color: #006699;
}

.negro
{
    color: #000000;
}

.atencion
{
	color:Red;
	font-weight:bold;
}

.rojo
{
	color:Red;
}

.bold 
{
    font-weight:bold;
}
.peq{
 font-size: 11px;
}
.cursiva
{
	font-style:italic;	
}
.bordederecha
{
    border-right:dotted 1px #AAAAAA;
}

.imgdownloads
{
	 border-right:solid 1px #AAAAAA;
	 border-bottom:solid 1px #AAAAAA;
}

.btnformulario
{
	border-right: gray thin solid;
	border-top: gray thin solid;
	border-left: gray thin solid;
	color: white;
	border-bottom: gray thin solid;
	background-color: gray;
	cursor: hand;
}

.slctformulario
{
	height: 20px;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	font-size: 11px;
	font-family: Verdana;
	text-align: left;
	background-color:White;
	color:Black;
}
.txtformulario
{
	font-family: Verdana;
	font-size: small;
}

.txtblanco
{
	color: white;
	font-family: Verdana;
}

.cuadrogris
{
	font-family: Verdana;
	background-color:#B5B5B5;
}

.txtnotas
{
	color: gray;
	font-family: Verdana;
	font-size: x-small;
}

.gris
{
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Gray;
}

.grisp
{
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Gray;
}

.botongris
{
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: Gray;
	color:White;
}	

.lineahorizontal
{
    border-top:dotted 1px #AAAAAA;
}

#main_contenido a.botongris
{
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background-color: Gray;
	color:White;
}

#main_contenido a.botongris:hover
{
    text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: Gray;
	color:white;
	cursor:hand;
}


/*  ESTILOS PARA PRODUCTO  */

#producto_mosaico_img
{
    background-color: #FFFFFF;
    height: 80px;
    width: 80px;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    text-align:center;  
    margin:2px;
}

.ficha_contenido
{
    border:solid 1px gray;
    width:798px;
    min-height:200px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
}
.ficha_pestanya
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid; /*width:100px;*/
    height: 18px;
}

#ficha_imagen_des  /* Se aplica a los div que se llamen ficha_imagen_des */
{
    background-color: #FFFFFF;
    height:auto;
    width: 210px;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    text-align:center;  
    margin-top:0px;
    margin-right:5px;
}

.img_ficha_imagen_des /* se puede aplicar a una imagen directamente con el atributo class*/
{
    background-color: #FFFFFF;
    height:auto;
    width: 210px;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    text-align:center;  
    margin-top:0px;
    margin-right:20px;
    margin-bottom:10px;
}

.nombre_producto
{
    font-weight: bold;
}

.destacado
{
    font-weight: bold;
    color:#1E4385;
}



#main_formulario select
{
	height: 20px;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	font-size: 11px;
	font-family: Verdana;
	text-align: left;
	background-color:White;
	color:Black;
}


/* ESTILOS CAMPAÑA PUNTOS LOFT */

.titulorojo
{
	color:Red;
	font-size: 18px;
	font-weight:bold;
}

.subtitulo
{
	font-size:15px;
}


#main_contenido a.rojo
{
    text-decoration:underline;
    color: red;
}

#main_contenido a.rojo:hover
{
    font-weight:bold;
}

/* ESTILOS BOLETIN TECNICO 2010 */

.btmenusecciones
{
	border-right: #00428C 1px solid;
	border-top: #00428C 0px solid;
    line-height:20px;
    text-align:left;
    width: 100px;
    
} 

.bttablasecciones
{
    width: 120px;
    line-height:20px;
    padding:0px;
    
} 
.bttdsecciones
{
	border-top: #00428C 1px solid;
	height:auto;
	min-height:40px;

} 

.btprincipal
{
    padding-left:10px;
    width: auto;
} 

.bttituloseccion /*Para el titulo del la categoria en index, pagina, y la columna derecha*/
{	
	background-color: #575757;
	color:White;
	text-align:center;
	line-height:16px;
	margin-bottom:10px;
	text-transform:uppercase;
}

.bttitularnoticia
{
	
    color: #00428C;
    font-size: 13px;
    padding-bottom: 5px;
    font-weight:bold;
    text-decoration:none;
    text-transform: uppercase
}

.btfecha
{
	font-weight:bold;
	/*font-style:italic;*/
}

.bttitulares
{
	
	padding-top:5px;
	text-align: justify;
	background-color: #FFFFFF;
	margin-top: 5px;
	width: 699px;
	/*border-top: 1px solid #8B8B8B;*/
	border-bottom: 0px;
	height:auto;
}

.bttitularnoticiapeq
{	
    color: #00428C;
    font-size: 11px;
    padding-bottom: 5px;
    font-weight:bold;
    text-decoration:none;
    text-transform: uppercase
}

.bthr
{
	color:#00428C;
	height:1px;
}

#main_contenido a.btnomseccion /*Si no pongo main_contenido no lo coje*/
{
	color: #00428C;
    font-size: 11px;
    padding-bottom: 5px;
    font-weight:bold;
    text-decoration:none;
    text-transform: uppercase
}
#main_contenido a.btnomseccion:hover /*Si no pongo main_contenido no lo coje*/
{
	color: #00428C;
    font-size: 11px;
    padding-bottom: 5px;
    font-weight:bold;
    text-decoration:underline;
    text-transform: uppercase
}
