﻿body {margin:0px;background-color:#FFF;font-family:Arial, Helvetica, sans-serif;}

#cuerpo {margin: 0px auto; width: 950px; background-image:url('imagenes/cuerpo.jpg'); background-repeat:repeat-y;}
img{ margin:0px;}
strong{ color: #800000; font-weight:900;}
hr{ border:0.1em #800000 solid; margin:0;}

/*Encabezados*/
h1{font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#333333; margin:8px 0 10px 0; font-weight:900;}
h2{font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#800000; margin:8px 0 10px 0;}
h3{font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#FFFFFF; margin:20px 0px 20px 0px; padding:5px 5px 5px 5px; background-color:#336699}
h4{text-align:center; font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#FFFFFF; margin:10px 10px 10px 15px; padding:5px 5px 5px 5px; background-color:#990000}
h5{font-family:Arial, Helvetica, sans-serif;font-size:0.8em; color:#333333; margin:10px 10px 10px 15px;}
h6{font-family:Arial, Helvetica, sans-serif;font-size:1.8em;color:#FFFFFF; margin:10px 10px 10px 15px; padding:5px 5px 5px 5px; background-color:#990000}

/*tcabecera */
#cabecera {	MARGIN: 0px auto; WIDTH: 950px; HEIGHT: 100px; background-image:url('imagenes/cabecera.jpg'); }
#cabecera span{ font-size:0.8em; padding:0.3em; margin:15px;}

/*tcabecera */
#qsomos{ margin-top:5px; width:600px;}
#cab_qsomos{width:600px; height:60px; background-image:url('imagenes/quienes-somos.jpg'); margin-bottom:9px;}
#novedades{ margin-top:5px; width:290px; margin-right:20px;}
#cab_novedades{width:290px; height:60px;}
#pie_novedades{width:290px; height:27px; background-image:url('imagenes/soluciones_pie.jpg'); margin-top:15px;}


/*contenido*/
#contenido{	float:left; padding:0 5px 0 5px; width:940px}
#cont-mod {float: left;padding: 5px;margin: 5px;width: 920px;}
#cont-mod2 {float: left;padding: 5px;margin: 5px;width: 736px;}
#imagenes-cab{ width:290px; margin:6px; float:left;}
#patrocinadores {padding: 5px;margin: 5px;float: left;width: 145px;}
.listado {list-style-type: square;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;color: #666666;margin-left: 35px; line-height:17px;}
.listado li{margin-top:10px;}
.galeria{ height:260px;}
.galeria img{margin-left:35px; border:#fff 1px solid;}
.galeria img:hover{ border:#339933 1px solid;}
.noticias { list-style-image:url('imagenes/listas.jpg'); font-family: Arial, Helvetica, sans-serif;font-size: 0.8em; color:#808080; margin-left: 20px; line-height:17px;}
.noticias li{margin-top:15px; border-bottom:1px #808080 dotted; padding-bottom:8px;}
.panel-central{ width:435px; margin:0px; padding:20px 5px 0px 10px;}
.panel-central2{ width:420px; margin:10px; padding:20px 5px 20px 10px; border:#003399 1px solid;}
.bloque{ padding-bottom:22px; padding:0 13px 22px 10px;}
.bloque img{ margin-left:50px;}
.almuerzo{ color:#990000; font-size:0.8em; padding-left:20px;}
.proteccion{ font-size:0.7em; color:#333333; margin-left:30px; margin-right:20px; margin-bottom:20px;}
.patrocina{color:#FFFFFF; margin-top:-3px; _margin-top:-17px; margin-right:280px;}

/* diseño del formulario */
form{color:#666666;}
.linea-form{font-size:0.9em; padding-right:10px; margin-bottom:10px; height:30px;}
label{padding-right:10px; width:70px; float:left;}
input{border:#003399 1px solid; margin-bottom:8px;}
textarea{border:#003399 1px solid; float:right; width:350px; margin-bottom:8px;}
.boton{ background-color:#FFF; width:70px; float:none; margin-left:80px;}

/* diseño de tabla */
.tabla{ border:1px #3366CC solid; padding:7px;}
.encabezado{color:#FFFFFF; margin:8px 0 10px 0; font-weight:900; background-color:#336699;}
td{ padding:7px; border:1px #3366CC solid;}

/*pie */
#pie {FONT-SIZE: 0.7em;	margin: 0px auto;width:950px;FONT-FAMILY: Verdana, Geneva, sans-serif;height:73px; background-image:url('imagenes/pie.jpg'); text-align:center; padding-top:10px; clear:both; color:black;}
#pie a {color:#003399;text-decoration: none;}
#pie a:hover {color: #FFFFFF;text-decoration: none;}

a{color:#333333; text-decoration:none;}
a:hover{color:#003399}

p{color:#333333; font-size:0.8em; margin-left:10px; line-height:1.4em;}
span{color:black; font-size:1.1em; font-weight:900;}

/* posicionamiento  */
.derecha{float:right;}
.izquierda{float:left;}
.centrado{margin:auto;}

/* POSICIONAMIENTO DEL TEXTO */
.texto-centrado{text-align:center;}
.der{float:right;}
.izq{float:left;}

/* MENU   */

	ul#menu { margin: 0 auto ; padding: 0; list-style: none; position: relative;  background-color:#666666; width:930px; height:40px}
	
	ul#menu ul {
	 width: 240px; /* Sub Menu Width */
	 margin: 0;
	 list-style: none;
	 display: none;
	 position: absolute;
	 top: 100%;
	 left: 0;
	}
	ul#menu ul ul,ul#menu ul ul ul { top: 0; left: 100%; }
	ul#menu li { float: left; display: inline; position: relative; }
	ul#menu ul li { width: 240px; display: block; }
	/* Root Menu */
	ul#menu a {
	 /*border-top: 1px solid #FFF;
	 border-right: 1px solid #FFF;*/
	 text-align:center;
	 padding: 8px;
	 float: left;
	 display: block;
	 background:#666666;
	 color: #fff;
	 font: 0.9em Arial, sans-serif;
	 text-decoration: none;
	 height: 3%;
	 width:215px;
	}
	/* menu hover */
	ul#menu a:hover,ul#menu li:hover a,ul#menu li.iehover a {
	 background:#999999;
	 color:#000000;
	}
	/* Hover Function - Do Not Move */
	ul#menu li:hover ul ul,ul#menu li:hover ul ul ul,ul#menu li.iehover ul ul,ul#menu li.iehover ul ul ul { display: none; }
	ul#menu li:hover ul,ul#menu ul li:hover ul,ul#menu ul ul li:hover ul,ul#menu li.iehover ul,ul#menu ul li.iehover ul,ul#menu ul ul li.iehover ul { display: block; }
	
/*  Fin de menu  */

/* MENU2   */
	#menu-lateral {
	margin: 10px 0 0 15px;
	_margin: 10px 0 0 7px;
	border-top: 1px solid #333;
	height: auto;
	width: 126px;
	background-color: #FFF;
	float: left;
}
	
	ul#menu2,ul#menu2 li,ul#menu2 ul { width: 126px; /* Menu Width */ margin: 0; list-style: none;}

	ul#menu2 li { float: left; position: relative;  width: 100%; }
	ul#menu2 li.iehover { z-index: 1000; /* IE z-index bugfix */ }

	ul#menu2 ul { display: none; position: absolute; top: 0; left: 100%; z-index: 9999;}

	/* Root Menu */
	ul#menu2 a {
	 border-bottom: 1px solid #333;
	 border-right: 1px solid #333;
	 border-left: 1px solid #333;
	 padding: 6px;
	 display: block;
	 background: #FFF;
	 color: #333;
	 font: bold 11px Arial, sans-serif;
	 text-decoration: none;
	 height: 1%;
	}
	
	/* Root Menu Hover Persistence */
	ul#menu2 a:hover,ul#menu2 li:hover a,ul#menu2 li.iehover a { background: #660000;	 color: #FFF;}

			
	/* Hover Function - Do Not Move */
	ul#menu2 li:hover ul ul,ul#menu2 li:hover ul ul ul,ul#menu2 li.iehover ul ul,ul#menu2 li.iehover ul ul ul { display: none; }
	ul#menu2 li:hover ul,ul#menu2 ul li:hover ul,ul#menu2 ul ul li:hover ul,ul#menu2 li.iehover ul,ul#menu2 ul li.iehover ul,ul#menu2 ul ul li.iehover ul { display: block; } 
	View the JavaScript (for IE)
	
/*  Fin de menu  */
