/* Structure Module (Módulos de estructura) */

BODY {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color:#8C8B8D; gris del pantone solicitado*/
	color: #333333;
	font-size: 1em;
	margin-top: 0;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 1em;
	} 
	

HTML {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;	/*color: #5D5D62;*/
}

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
	
/* Text Module (Módulos de texto) */

ABBR {}

ACRONYM {}

ADDRESS {}

BLOCKQUOTE {}

BR {}

CITE {}

CODE {}

DFN {}

DIV{}
EM {}

H1 {
	color: #FF6600;
	font-size: 170%;
	margin-top:0px;
	margin-bottom:0px;
	display:inline-block
}

.peque {
	color: #FF6600;
	font-size: 110%;	
	padding-bottom:5px;	
}
	
H2 {
	margin-left:-10px;
	margin-bottom:-10px;
	font-size: 20px;
	background-color:#FFFFFF;
	display:block;
	padding-left:10px;
	color:#002C82;
}

H3 {
	margin-top:10px;
	margin-bottom:3px;
	background-image:url(../images/punto_nar_peque.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#002C82;
}

H4 {
	margin-top:0px;
	margin-bottom:0px;}

H5 {
margin-top:0px;
margin-bottom:0px;
color:#002C82; }
H5 a:link{
margin-top:0px;
margin-bottom:0px;
color:#002C82; }
H5 a:visited{
margin-top:0px;
margin-bottom:0px;
color:#002C82; }
H5 a:hover{
margin-top:0px;
margin-bottom:0px;
color:#002C82;
text-decoration:underline}
H5 a:active{
margin-top:0px;
margin-bottom:0px;
color:#002C82;
text-decoration:underline }

H6 {
margin-top:0px;margin-bottom:0px;}

KBD {}

P {
	color: #333333;/*color: #5D5D62;*/
	font-size: 13px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:130%;
}
.pPeque{
	color: #333333;/*color: #5D5D62;*/
	font-size: 1em;
	margin-top:0px;
	margin-bottom:0px;
	line-height:130%;
	}

PRE {}

Q {}

SAMP {}

SPAN {}

STRONG {}

VAR {}

.categorias {	
	font-size: 16px;
	font-weight:bold;
	color:#002C82;
}
.categorias a:link{
	font-size: 16px;
	font-weight:bold;
	color:#002C82;
}
.categorias a:visited{
	font-size: 16px;
	font-weight:bold;
	color:#002C82;
}
.categorias a:hover{
	font-size: 16px;
	font-weight:bold;
	color:#002C82;
}
.categorias a:active{
	font-size: 16px;
	font-weight:bold;
	color:#002C82;
}

/*Prouductos*/
.ProdContent{
	width: 330px; 
	height: 135px; 
	margin-bottom: 0px; 
	padding: 3px 0 0 10px; 
	float: left;
	}
.ProdIcon{
	float: left; 
	margin-right: 10px;
}

.ProdTitle {
	color: #002C82; /*#FF6600;*/
	font-size: 100%;/*font-size: 12px; */
	margin: 0px 0 0 0;
	padding: 0;	
	text-transform: uppercase;
	text-align:left;	
}
.ProdDescription{	
	padding: 10px 5px 0 0; 
	margin: 0; 	
	line-height: 12px; 
	font-size: 11px;
	text-align:left;
	}
	
.ProdLink
{	
	margin-top: 3px;  
	width: 25px; 
	height: 18px;
	float: left;
	}

/* Hypertext Module (Módulos de Hipertexto) */ 

A {text-decoration: none;} /* si se van a aplicar las pseudoclasses abajo escritas borrar esta linea, incluyendo el A {} */


/*  Hypertext Module 2 (Módulos de Hipertexto Pseudoclasses)  */


A:link    { text-decoration: none;}   /* vínculos no visitados */

A:visited { }   /* vínculos visitados */

A:hover   { text-decoration: none;}   /* el usuario señala el vínculo */

A:active  { }   /* vínculos activos */


/* List Module (Módulos de Listados) */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}



/* Edit Module (Módulos de Edición) */

DEL {}
    
INS {}


/* Forms Module (Módulos de Formularios) */


BUTTON {}

FIELDSET {}

FORM {margin: 0; padding: 0; }

INPUT {font: 0.9em  Verdana, Arial, Helvetica, sans-serif; color: #4E5863; background: #F5F5F5; padding: 1px; border: 1px solid #999999; }
INPUT:focus { background: #FFFBEF;  }
INPUT.checkbox { border: 0px;}
INPUT.Button {
            font-size: 1em;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            background-color: #000000;
            margin: 5px;
            border: solid 1px #999999
            }

INPUT.formButton:hover 
{
	cursor:hand;
            font-size: 1em;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            background-color: #D61400;
            margin: 5px;
            border: solid 1px #999999
            }
LABEL {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

LEGEND {}

SELECT {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #4E5863;
	background: #F5F5F5;
	padding: 1px;
	border: 1px solid #999999;
}
	
SELECT:focus { background: #FFFBEF;  }

OPTGROUP{}

OPTION{}

TEXTAREA { width: 100%; font: 1em  Verdana, Arial, Helvetica, sans-serif; color: #4E5863; background: #F5F5F5; padding: 1px; border: 1px solid #999999; }
TEXTAREA:focus { background: #FFFBEF;  }


/* NOTICIAS */

.tituloNoticia{
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.5em;
    MARGIN: 0px;
    WIDTH: 100%;
    LINE-HEIGHT: 14px;
    FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}

.entradilla{
    PADDING-LEFT: 16px;
    FONT-SIZE: 1.1em;
    MARGIN: 0px;
    WIDTH: 100%;
    LINE-HEIGHT: 14px;
    FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
}

A.enlace_doc:link{
    PADDING-LEFT: 16px;
    FONT-SIZE: 0.9em;
    font-weight: bold;
    COLOR: #002C82;
    FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

A.enlace_doc:visited
{
    PADDING-LEFT: 16px;
    FONT-SIZE: 0.9em;
    font-weight: bold;
    COLOR: #002C82;
    FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

A.enlace_doc:hover
{
    PADDING-LEFT: 16px;
    FONT-SIZE: 0.9em;
    font-weight: bold;
    COLOR: #002C82;
    FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

/* Table Module (Módulos de Tablas) */

CAPTION {}

COL {}

COLGROUP {}

TABLE {
	color:#333333; /*color: #5D5D62;*/
	border-collapse: collapse; 
}

TBODY {}

TD { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	vertical-align: top;
	HEIGHT: 100%;
	}

TFOOT {}

TH { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	vertical-align: top;}

THEAD {}

TR {}


/* Image Module (Módulos de Imagenes) */

IMG {}

/* Nota 2: Ahora con los elementos especificados arriba, 
	   uno puede hacer "otros" tipos de seleccion 
	   (Ver selector en el manual web W3C)
	   
	   ACTUALIZACION: He cambiado esta URL para direccionar a la página de selectores en castellano.
	   
	   http://www.sidar.org/recur/desdi/traduc/es/css/selector.html#q1
	   
	   A continuación van los elementos con clases específicas.
	   
	   Borra los que estan hechos y crea los tuyos propios.
	   
	   */
	   
	   
/* Los selectores van todos por aqui, tratar de ordenarlos por órden alfabétco así no tendrán problemas */


	A.nombreclase {} /* usa siempre nombres en minúsculas para identificar al nombre de la clase. */
	
	OL.nombre-clase  {} /* usa - en vez de _ por que algunos navegadores no pueden analizar bien ese "_" caracter */

	
	
	
/* Nota 3: Los IDs, algo importante, los IDs van siempre con un #, ordenalos por orden alfabético */
#general{
	width:963px;
	height:100%;
	border-right:1px solid #DBDBDB;
	border-left:1px solid #DBDBDB;
	border-collapse: collapse;
}
#centro {
	border-collapse: collapse;
	width:728px !important;
}
#leftLogo {
	height:141px;
	width:236px;
	background-color:#FAFAFA;
	border-right:1px solid #C7C7C7;
	border-left: 1px solid #C7C7C7;
}
#leftLogoHome {
	width:236px;
	height:207px;
	background-color:#FAFAFA;
	border-right:1px solid #C7C7C7;
	border-left: 1px solid #C7C7C7;
}
#header
{
	height:141px;
	background-color:white;
	border-collapse: collapse;	
}

#headerHome{
	height:207px;
	background-color:white;
	border-collapse: collapse;	
}

#left {
	width:236px;	
	background-color:#FAFAFA;
	border-right:1px solid #C7C7C7;
	border-left: 1px solid #C7C7C7;
}

#contenido {
	width:80%;
	height:100%;
	background-color:#FFFFFF;
	padding: 10px 20px 5px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	vertical-align:top;
}

#contenidoHome {
	width:80%;
	padding:  0px 0px 5px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	background-color:#FFFFFF;	
}

#right { 
background-color:#F7F7F7;
border-left: 1px solid #E4E4E4;
background-image:url(../images/fondo_right.gif);
background-repeat: repeat-y;
padding-left:4px;
height:100%;
}

.spacer{

background-image:url(../images/border3.gif);
background-position:center;
background-repeat:repeat-y;
}

#footer1{	
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	height:30px;
	text-align:center;
	padding:5px 0 0 65px;
	color:#002C82;
	}
#footer1 a {
	font-size:1em;
	text-decoration:underline;
	color:#002C82;
	}
	
/*  Nota 4: FIN  */
	    

.bordeHoja {
	border-right: #002C82 2px solid;
	border-top: #002C82 1px solid;
	border-left: #002C82 1px solid;
	border-bottom: #002C82 2px solid;
}

.cor1{
	border-left:solid 6px #FF9933;
	border-bottom:solid 6px #FF9933;
	border-top:solid 6px #FF9933;
	width:12px;
	}
	
.cor2{
	font-size: 20px;
	text-align:right;
	font-weight:bold;
	color:#002C82;
}

.cor3{
	border-right:solid 6px #FF9933;
	border-bottom:solid 6px #FF9933;
	border-top:solid 6px #FF9933;
	width:12px;
}
	
.sangria{
	padding-left:25px;
	text-align:justify;
}
.elemPunto{
	padding-left:15px;
	padding-top:5px;
	font-size:1em;
	background-image:url(../images/punto_nar_peque.gif);
	background-position:left bottom;
	background-repeat:no-repeat;	
}

.elemPunto2
{
	margin-top:10px;
	
	padding-left:15px;
	padding-top:0px;
	font-size:1.2em;
	background-image:url(../images/punto_nar_peque.gif);
	background-position:left top;
	background-repeat:no-repeat;		
}

.listapunto{
	list-style-image:url(../images/punto_nar_peque.gif);
	}

.colorAzul
{
	color:#002C82;
}

.nombreProductoHome{
	FONT-SIZE: 120%; 
	COLOR: #002C82;
	font-weight:bold;
	padding-top:25px;
	padding-left:5px;
	}


/* INICIO de MENU */
	
#menu {
position: relative; /* Menu position that can be changed at will */
width: 235px;
top: 0;
left: 0;
}
#menu dt {
cursor: hand;
margin: 0px 0px 0px 0px;
font-size:16px;
color:#002C82;
height: 30px;
line-height: 20px;
padding-right: 50px;
padding-top: 8px;
padding-bottom:8px;
text-align: right;
font-weight: bold;
border: 1px solid #D2D2DC;
background: #ccc;
background: url(../images/menu_nar.gif) no-repeat 100% ;
}

#menu dt a:hover {
cursor: hand;
margin: 0px 0px 0px 0px;
font-size:16px;
color:#00247E;
height: 30px;
line-height: 20px;
padding-right: 50px;
padding-top: 8px;
padding-bottom:8px;
text-align: right;
font-weight: bold;
border: 1px solid #D2D2DC;
background: #ccc;
background: url(../images/menu_blue.gif) no-repeat 100% ;
}

#menu dd {
border: 1px solid #D2D2DC;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color:#777;
text-align: right;
font-weight: bold;
text-decoration: none;
padding-right: 35px;
height: 30px;
line-height: 30px;
display: block;
border: 0 none;
height: 100%;
background: #eee;
border-bottom:#ccc dotted 1px;
}
#menu li a:hover, #menu dt a:hover {
color:#777;
background: #fff;
}

#menu li a.ultimo, #menu dt a.ultimo{
color:#777;
text-align: right;
font-weight: bold;
text-decoration: none;
padding-right: 35px;
height: 30px;
line-height: 30px;
display: block;
border: 0 none;
height: 100%;
background: #eee;
border-bottom:#eee dotted 1px;
}
#menu li a:hover.ultimo {
color:#777;
background: #ffffff;
}

/* FIN de MENU */