/************************
	BASIC STYLES
*************************/

body {
	background: url(../images/generalbg.jpg) left center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin: 0 auto;
	text-align:justify-left;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	margin-bottom:15px;
	text-align: center;
	line-height: 12px;
}

p .pl1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	margin-bottom:15px;
	text-align: center;
	line-height: 12px;
	color:#e10202; 
}

h1{
	font-size: 20px;
	color: #de181a;
	text-align: center;
}

h2 {
	margin:0px 0px 10px 0px;
  	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height: 22px;
	color: #183b8e;
}

a:link, a:active, a:visited {
	color:#e10202;
	text-decoration:none;
}


a:hover {
	text-decoration:underline;
}

.clear {
  clear: both;
}

#wrapper {
  width:902px;
  margin: 0 auto;
  background: #ffffff;
}

/************************
	HEADER STYLES
*************************/
#nav{
		float: left;
		margin: 0 auto 0 auto;
		padding: 0;
		background-color: #de181a;
		width: 902px;
		height: 39px;
	}
	
#nav li{
			display: inline;
			float: left;
			margin: 0px;
			padding-right: 8px;
			padding-top: 11px;
		}
#nav ul{
			padding-left: 179px;
			width:100%;
			text-align: center;
			margin: 0 auto 0 auto;
}
#header {
	width:902px;
	height:350px;
}
#banner{
	width:902px;
	height:311px;
	background: url(../images/banner.jpg) no-repeat left;
	clear: left;
}

#nosotros{
			height: 28px;
			width: 64px;
			background:url(../images/nosotros.jpg) #de181a no-repeat left;
		}
#productos{
			height: 28px;
			width: 72px;
			background:url(../images/productos.jpg) #de181a no-repeat left;
		}
#distribuidores{
			height: 28px;
			width: 100px;
			background:url(../images/distribuidores.jpg) #de181a no-repeat left;
		}
#proceso{
			height: 28px;
			width: 60px;
			background:url(../images/proceso.jpg) #de181a no-repeat left;
		}
#contacto{
			height: 28px;
			width: 64px;
			background:url(../images/contacto.jpg) #de181a no-repeat left;
		}
#noticias{
			height: 28px;
			width: 58px;
			background:url(../images/noticias.jpg) #de181a no-repeat left;
		}
#playerycaps{
			height: 28px;
			width: 88px;
			background:url(../images/playerycaps.jpg) #de181a no-repeat left;
		}
#nosotros:hover{
			height: 28px;
			width: 64px;
			background:url(../images/nosotroshover.jpg) #de181a no-repeat left;
		}
#productos:hover{
			height: 28px;
			width: 72px;
			background:url(../images/productoshover.jpg) #de181a no-repeat left;
		}
#distribuidores:hover{
			height: 28px;
			width: 100px;
			background:url(../images/distribuidoreshover.jpg) #de181a no-repeat left;
		}
#proceso:hover{
			height: 28px;
			width: 60px;
			background:url(../images/procesohover.jpg) #de181a no-repeat left;
		}
#contacto:hover{
			height: 28px;
			width: 64px;
			background:url(../images/contactohover.jpg) #de181a no-repeat left;
		}
#noticias:hover{
			height: 28px;
			width: 58px;
			background:url(../images/noticiashover.jpg) #de181a no-repeat left;
		}
#playerycaps:hover{
			height: 28px;
			width: 88px;
			background:url(../images/playerycapshover.jpg) #de181a no-repeat left;
		}
#home{
	height: 28px;
	width: 51px;
	background:url(../images/homebtn.jpg) #de181a no-repeat left;
}
#home:hover{
	height: 28px;
	width: 51px;
	background:url(../images/homehover.jpg) #de181a no-repeat left;
}


/************************
	NAVIGATION STYLES
*************************/

ul.navigation {
	background: #de181a;
	margin-top:15px;
	text-align: center;
	width:902px;	
	height:26px;
	line-height:26px;
}
ul.navigation1 {
	background: #de181a;
	margin-top:0px;
	text-align: center;
	width:902px;	
	height:26px;
	line-height:26px;
}

ul.navigation li {
	display:inline;  
	margin:5px 10px;
}
ul.navigation1 li {
	display:inline;  
	margin:5px 10px;
}

ul.navigation li a:link, ul.navigation li a:active, ul.navigation li a:hover, ul.navigation li a:visited {
	text-decoration: none;
 	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;

	height:34px;
}

ul.navigation li a.selected {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;

	border-bottom:1px solid #FFF;	
}


ul.navigation1 li a:link, ul.navigation1 li a:active, ul.navigation1 li a:hover, ul.navigation1 li a:visited {
	text-decoration: none;
 	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;

	height:34px;
}

ul.navigation1 li a.selected {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;

	border-bottom:1px solid #FFF;	
}

/************************
	MAIN STYLES
*************************/

#datacontent {
  padding: 0px;

}

#datacontent .panels {
	width:902px;
	overflow: hidden;
	margin:0;
}

#datacontent .panelsInner {
  overflow: hidden;
  zoom:1;
}

#datacontent .panel {
  padding:20px;
}

#datacontent .panelP {
  padding:25px;
}

.content {
	height: 250px;
	background:#FFF;
	border:1px solid #dddddd;
	padding:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#queretaro .content{
	height: 520px;
}

#queretaro .content img{
	margin-top: 130px;
}

#leon .content{
	height: 500px;
}

#leon .content img{
	margin-top: 130px;
}

#oaxaca .content{
	height: 500px;
}

#oaxaca .content img{
	margin-top: 130px;
}

#guadalajara .content{
	height: 290px;
	height: 1450px;
}

#guadalajara .content img{
	margin-top: 0px;
	margin-top: 230px;
}


#puebla .content{
	height: 740px;
}

#puebla .content img{
	margin-top: 230px;
}

.content ul {
	list-style-image:url(../img/bullet.png);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	margin:15px 0px 15px 30px;
}

.content ul li {
	margin-bottom:10px;
}

.no-padding {
	padding:0px;
	border:1px solid #dddddd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#texto1{
	width:450px;
	float: left;

}

#mapa1{
	width: 366px;
	float: right;
}

/************************
	SOCIAL STYLES
*************************/

ul#networks {
	list-style-image:none;
	margin:0px;
}

ul#networks li {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:398px;
	height:48px;
	margin:0px;
	padding:11px 15px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;	
}

ul#networks li:hover {
	background:url(../img/BG_social.png) repeat-x;
}

ul#networks li a:link, ul#networks li a:active, ul#networks li a:visited {
	text-decoration:none;
	color:#656565;
}

ul#networks li a:hover {
	text-decoration:none;
	color:#e10202;
}

ul#networks li span {
	font-weight:bold;
	font-size:14px;
	line-height:26px;
}

ul#networks li.first {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
}

ul#networks li.last {
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom:1px solid #dddddd;
}

ul#networks li div.icon {
	width:48px;
	height:48px;
	float:left;
	display:inline;
}

ul#networks li div.network {
	width:330px;
	height:48px;
	float:left;
	margin-left:20px;
	display:inline;
}
	
/************************
	PORTFOLIO STYLES
*************************/	
	
ul#portfolio {
	list-style-image:none;
	margin:15px 0px;
}

ul#portfolio li {
	display:inline;
}

ul#portfolio li img {
	margin:5px;
	border:5px solid #CCC;	
}

ul#portfolio li img:hover {
	margin:5px;
	border:5px solid #999;	
}

/************************
	CONTACT STYLES
*************************/

#contact_info {
	margin:0px;
}

#contact_info li {
	background:#FFF;
	border-top: 1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	height:16px;
	padding:7px;
	vertical-align:top;
	margin:0px;
	list-style-image:none;
}

#contact_info li img {
	margin-right:15px;
	vertical-align:middle;
}

#contact_info li span {
	vertical-align:middle;
}

#contact_info li:hover {
	background:url(../img/BG_contact.png) repeat-x;
}

#contact_info li span a:link, #contact_info li a:active, #contact_info li a:visited {
	color:#000;
	text-decoration:none;
}

#contact_info li span a:hover {
	color:#e10202;
}

/************************
	BOTTOM STYLES
*************************/

#footer {
	background:#f2f1f1 no-repeat;
	float: left;
	width: 902px;
	height: 20px;
	color: #000000;
	font-style: normal;
	font-size: 8pt;
	text-align: center;
	padding-top: 20px;
}

#footer a{
	color: #000000;
	text-decoration: none;
}

#espacio{
	height: 36px;
}