/* CSS The Taste of México */
* { padding: 0;margin: 0;}
html, body { height: 100%;}
#container { margin: 0 auto; /*border:1px solid black;*/ width:1000px;}
#container {height: 100%;}
#clearfooter {display: block;height: 50px;}
body.jitomate { margin:0px; padding:0px; width:100%; background:#FEF6B7 url("../img/jitomate.png") repeat-y;font: 13px Tahoma,sans-serif;color: #000; overflow:auto;background-position: right;}
body.agave { margin:0px; padding:0px; width:100%; background:#FEF6B7 url("../img/agave.png") repeat-y;font: 13px Tahoma,sans-serif;color: #000; overflow:auto;background-position: right;}
body.maiz { margin:0px; padding:0px; width:100%; background:#FEF6B7 url("../img/maiz.png") repeat-y;font: 13px Tahoma,sans-serif;color: #000; overflow:auto;background-position: right;}
#header{width:100%; height:140px; padding-bottom:5px;}
.cuadrogold{ width:280px; height:330px; border:1px solid black; padding:0px; margin:0px;}
ul.lista{ margin-left:20px; width:250px; margin-top:10px;}
.cinta{width:100%; background: url("../img/cinta.jpg") repeat-x; height:39px;}
#cintanegra{ height:3px; background-color:#000000;}
#body { margin:0 auto; padding:40px 0px 0px 0px; width:980px;} 
#footer{width: 100%;clear: both;height: 39px;} 
#clearfooter {display: block;height: 50px;}
#logo { margin:0 auto; padding:10px 0px 0px 0px; width:200px;}
p { text-align:justify;}
h1 { color: #000000;font-size: 16px;line-height: 2em; margin: 0;padding: 3px; font-weight:normal; font:Tahoma,sans-serif;}
h2 { color: #000000;font: 16px Tahoma,sans-serif;}
h3 { color: #000000;font: 16px Tahoma,sans-serif; font-weight:bold;}
/*a { color:#000000; text-decoration:none; font-size:12px; font-weight:bold; padding:5px;}*/
a.morado { color:#78206C; font-size:12px; font-weight:bold; text-decoration:underline; line-height:20px;}
.pestania { width:372px; color:#FEF6B7; font-weight:bold;background: url("../img/pestania.png") no-repeat; height:50px; font-size:27px; text-align:center; padding-top:5px;}
a.link { color:#CE0112; text-decoration:underline; font-weight:bold;}
a.link2 { color:#CE0112; text-decoration:underline; color:#000; font-weight:normal;}
a.linkNormal { color:#CE0112; text-decoration:underline;font-size:12px; }
a.menu { color:#FFFFFF; background-color:#CE0112; text-decoration:none; font-size:14px; font-weight:bold; padding:2px;}
img{ border:0px;}
.linkFooter{ color:#FFF;}
.designed a{ font-size:10px; color:#FFF;}
#content{ width:950px; margin:0 auto;}
/* Menu */
#contentHeader{width:1000px; margin:0 auto;}
#menu{background-color:#000000; height:23px; text-align:left; padding-left:55px; padding-top:3px;}
#nav{ margin:0 auto;list-style:none;vertical-align:top;width:1000px;}
#nav li{float:left; margin-right:38px;position:relative;display:block;z-index:90; font-weight:bold;}
#nav li a{display:block;padding:3px 3px 3px 5px;color:#FFFFFF;background:#000000;text-decoration:none;}
#nav li a:hover{color:#FDF5C4;background:#000000;}
#nav ul{padding:0px;list-style:none;position:absolute;left:-9999px;opacity:0;}
#nav ul li{float:none;border-bottom:1px solid #FEF6B7; width:140px;}
#nav ul a{white-space:nowrap;display:block; font-weight:normal;}
#nav li:hover ul{ left:0; opacity:1;}
#nav li:hover a{background:#000000;}
#nav li:hover ul a{ text-decoration:none;}
/*#nav li:hover ul li a:hover{background:#AC020F;}*/
.azul{ color:#000000; font-weight:bold;}
.nivoSlider {width:1000px; padding:0px; margin:0px;clear:both; height:325px;}
div.lineavertical{ background-color:#F7B65A; height:400px; width:1px;}
div.amarillo{ background-color:#F7B65A; height:1px; margin:20px 0px 20px 0px}
div.verde{ background-color:#A3CA6D; height:1px; margin:20px 0px 20px 0px}
div.azul{ background-color:#33B7B9; height:1px; margin:20px 0px 20px 0px}

/********** contact form **********/
#contactform { margin-left:10px; padding:3px; width:340px;}
/*#contactform * { color:#444444; }*/
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:200px; display:block; padding:5px 0; color:#000000; font: normal 12px Tahoma,sans-serif;}
#contactform label span { color:red; font-weight:bold; }
#contactform input.text { width:200px; border:1px solid #cdcdcd; margin:2px 0; padding:5px 2px; height:16px; background:#fefefe; color:#000000;}
#contactform textarea { width:320px; border:1px solid #cdcdcd; margin:2px 0; padding:2px; background:#fefefe;font:normal 12px Tahoma,sans-serif;}
#contactform li.buttons input { padding:3px 0; margin:10px 0 0 0; border:0; color:#FFF;}
/*valida form*/
#contactform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:red;
	display:inline-block;
	padding-left:3px;
	width:250px;
}
#contactform input.text .error { border: 1px dotted red; }
input {	border: 1px solid #cdcdcd; padding:5px; }
input.error { border: 1px dotted red; }

#notification {
	background: #EDFCED;
	font-family:Arial,Helvetica,sans-serif;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:105;
	text-align:center;
	font-weight:normal;
	font-size:100%;
	color: #4F8A10;
	border-bottom:2px solid #7DB33A;
	padding:5px;
}
#notification a {
	color:4F8A10;
	text-decoration:none;
	font-weight:bold
}

#error {
	background: #FFDDDD;
	font-family:Arial,Helvetica,sans-serif;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:105;
	text-align:center;
	font-weight:normal;
	font-size:100%;
	color: #FF0000;
	border-bottom:2px solid #FF0000;
	padding:5px;
}
#error a {
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
}

#notification span.close {
	padding:0 5px;
	cursor:pointer;
	float:right;
	margin-right:10px;
}

#error span.closeError {
	padding:0 5px;
	cursor:pointer;
	float:right;
	margin-right:10px;
}
.copyright {  font-size:10px;color:#333333;}
.copyright a { font-size:10px; color:#333333;}
a.gris{color:#333333; font-weight:bold; text-decoration:none;}