/* ---------- RESET CSS ----------------------------- */
/* */
body {line-height:122%;}
h1 {display:none;}
div, ul, li {margin: 0px; padding:0px;}
a:link, a:active, a:visited {text-decoration:none; color:#333;}
a:hover {text-decoration:underline; colo:#111;}
.clear {clear:both; height:1; width:700px; display:block; margin:0; padding:0;}
a.underline, a:hover.underline {
	text-decoration:underline;
}
em {font-style:normal; font: bold 13px arial, helvetica, sans-serif;}
p {margin:0 0px 2em; padding:0 0px; text-indent:3em;}

/* */
/* ----------- CEVISA CSS --------------------------- */
/* */
body {background-color:#fff; margin-top:5px; background-image:url('../images/fondo2.jpg'); background-repeat:repeat-x; text-align:left;}
.cevisatemplate {width:730px; background:#fff; margin: 0 0px;}
/* */
/*------------ empieza cabecera --------------------- */
.cevheader {width:730px; background-color:#f1f1f1; border-top:1px #ccc solid; height:135px; clear:both; padding:0 0px;}
.cevheader .logo {float:left; width:266; padding-left:3px; padding-bottom:3px; clear:both;}
/* -----------  fin cabecera ------------------------ */
/* */
/* ------------ empieza subnavegacion cabecera ------ */
.subnav {float:left; font-face:verdana, sans serif; color:#333; margin: 0 0px; width:700px;}
.subnav #button {
	font:normal 10px verdana,sans-serif;
	height: 1.1em;
	padding:0.05em;
	vertical-align: text-bottom;
	background-color:#ededed;
	padding-color: #ededed;
	color:#555; 
	padding:0 0px; 
	padding-top:0 3px;
	border:1px #bbb solid;
	float:left; 
	text-align:center; 
	margin-right:3px;}
	
.subnav #button a, .subnav #button a:visited  {color:#333; text-decoration:none; 
								background:#ededed;
								height: 1em;
								padding: 1px auto;
								width:100%;
								display:block;}
								
.subnav #button a:hover {color:#222; 
						text-decoration:none;
						background:#d8e2d2;
						height: 1em;
						padding: 1px auto;
						width:100%;
						display:block;}

/* ------------ termina subnavegacion cabecera ------- */
/* */
/* ------------ empieza navegacion productos --------- */
.cev {font:normal 11px verdana; color:#666; background-color:#DEDEDE; width:730px; margin-top:3px; margin-bottom:3px; padding-top:2px; border-bottom:#A6A6A6 1 solid; border-top:1 #787878 solid; height:70px; line-height:16px; text-align:center; padding-top:3px;}
.cev a, .cev a:visited {color:#444; text-decoration:none; }
.cev a:hover {background-color:#007a35; color:#fff; padding:2px; text-decoration:none;}
.cev span {text-align:center;}
/* ------------ termina navegacion productos ----------*/
/* */
#separator {background-image:url('../images/leveledseparator.gif'); 
				background-repeat:repeat-x; 
				height:10px; 
				margin-bottom:0px;}

/* ---------------------------------- comienza promocion principal de la portada ------------------------------------------------- */

#cevhppromo {background-color:#fff; width:727px; height:340px; margin: 0 0px; padding:0 0px; clear:both;}

/* ---------------------------------- fin de  promocion principal de la portada -------------------------------------------------- */

/* ---------------------------------- comienza modulo inferior ------------------------------------------------------------------- */

#cevbottombox {width:730px; background-color:#fff; margin-top:5px; padding:0 0px; float:left;}

/* ------------------------------- empieza modulo izquierda ---------------------------------------- */

#bboxleft {
	width:360px; height:240px; background:#fff; float:left;  border-right:1px #76B998 solid;
	}
#bboxleft #stripetitle {
	background-color:#0F8B43; width:360px; font:normal 12px verdana; height:20px; padding-top:3px; color:#fff; text-align:left; letter-spacing:0.04em; text-indent:10px;
}
#bboxleft #cevtextbox {margin-top:1em; width:20em; padding:3px; text-align:left; float:left;}

#bboxleft #cevtextbox ul {margin-left:2em; list-style:disc; font:normal 11px verdana; width:auto;}

#bboxleft #cevtextbox ul li {margin-bottom:2em; text-align:left;}

/* ------------------------------- fin de modulo izquierda ---------------------------------------- */

/* ------------------------------- empieza modulo derecha ---------------------------------------- */

#bboxright {
	width:360px; float:right; height:240; border-right:1px #76b998 solid;
}
#bboxright #stripetitle {
	background-color:#0F8B43; width:360px; font:normal 12px verdana; height:20px; padding-top:3px; color:#fff; text-align:left; float:left; margin-bottom:0px; text-indent:10px;
}
#bboxright #stripetitle #cevimagebox {float:right; width:355px; margin-top:1em; padding-top:2em; text-align:center;}


/* ahora imagen fija de galeria */

/* comienzo estilos para modulo de galeria con imagenes individuales y separadas con marco */

/* #cevimagebox .cevimageframe {background-image:url('../images/marcofotos.gif'); background-repeat:no-repeat; height:58px; width:82px; margin:2px 2px;}
#cevimagebox img{width:70px; height:45; margin-top:3px;} */

/* fin de estilos para modulo de galeria con imagenes individuales y separadas con marco */
 
#cevimagebox {font:normal 11px verdana, sans-serif; color:#00451E; line-height:15px;}
#cevimagebox a, #cevimagebox a:visited, #cevimagebox a:hover { color:#00451E; text-decoration:underline;}
/* */
/* ---------------------------------- fin modulo derecha ---------------------------------------- */

/* ---------------------------------- fin modulo inferior --------------------------------------- */

/* ---------------------------------- empieza pie de pagina ------------------------------------- */
#cevisafooter {width:730px; height:4em; background-color:#EDEDED; font-family:verdana,sans-serif; font-size:10px; color:#555; text-align:center; padding-top:1.3em; margin-top:1.3em;}
#cevisafooter a, #cevisafooter a:visited {color:#555;}
#cevisafooter {font: normal 10px verdana !important; color:#222; height: 50px; } 
#cevisafooter p {margin:5px 0; } 
/* ------------------------------ fin de pie de pagina ------------------------------------------ */
.subnav {position:relative; top:0; left: 1em;}
.subnav #button {padding: 1px; *padding: 0px 1px;}