@charset "UTF-8";
/* CSS Document
Cliente: Shot & Bar
Desarrollador: Ixi Studio
<a href="http://ixistudio.com">Ixi Studio</a>
18-01-012
*/ 
*
{
	margin:0px;
	padding:0px;}
	
a{text-decoration:none; color:#666;}

body{
	font-family:Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.2em; font-weight:lighter;
	color:#000; background-color:#333;}
	
img.bg {
/* Set rules to fill background */
                        min-height: 100%;
                        min-width: 1024px; 
                      z-index:-500;
                        /* Set up proportionate scaling */
                        width: 100%;
                        height: auto;
                        
                        /* Set up positioning */
                        position: fixed;
                        top: 0;
                        left: 0;}
                @media screen and (max-width: 1024px){
                        img.bg {
                                left: 50%;
                                margin-left: -512px; }


}
#wrapper{
	margin:auto;
	position:relative;
	width:960px;
	height:auto; background: url(../images/header_bg.jpg) top no-repeat; background-color:#fff; padding-top:35px;}
	
header{
	width:960px; height:125px;}
	
header .logo{
	background: url(../images/fumigaciones_cuauhtemoc.png) no-repeat;
	width:343px;
	position:absolute;
	height:126px;
	line-height:300px;
	overflow:hidden;
	display:block;
	left: 16px;
}
	
nav{ 
	margin:60px 15px 0 0; float:right;
	width:auto; height:44px;}
	
nav ul{
	height:26px; width:auto; float:left;}
	
header nav ul li {display: inline; float: left;}

nav ul li a{display:block;
	float:left;
	width:auto;
	padding:13px 13px 13px 13px; 
	text-align:center;
	color:#333;
	font-size:1.2em;}
	
nav ul li a:hover{
	color:#ffcc00;}
	
.current{
	background-color:#ffcc00;
	color:#fff;}
	
nav ul li a.current:hover{
	color:#fff;}
#hero{ background:url(../images/hero_bg.png); width:960px; height:410px; margin-top:-30px; position:relative;}
#hero h1{ font-size:2.2em; padding-top:355px; padding-left:90px; color:#222; line-height:1.0em; }

#articles{width:950px; height:auto; float:left; position:relative; padding-bottom:40px;}
.article{width:220px; height:320px; float:left; background-color:#f5f5f5;
margin:19px 0px 0px 14px;-moz-box-shadow: 2px 0px 6px #575757;
-webkit-box-shadow: 2px 0px 6px #575757;
box-shadow: 2px 0px 6px #575757; position:relative;}
.first{ margin-left:20px;}
.article ul{color:#333; font-size:0.9em; padding:10px 20px 0 20px; list-style:none;}
.article ul li{ background-image:url(../images/triangle.gif); background-repeat:no-repeat; padding:0  0 0 12px; background-position:left 5px;}
.article img{margin:0px; padding:8px 20px 0px 20px;}
.article p{ color:#333; font-size:0.9em; padding:10px 20px 0 20px;}
.article_title{ height:48px; background:url(../images/art_title.jpg);}
.article_title h2{ color:#fff; font-family:Verdana, Geneva, sans-serif; font-weight:lighter; font-size:1.4em; padding:10px;}
.ver_mas a{ display:block; text-align:left;
padding:15px 0px 20px 70px; font-family: Verdana, Geneva, sans-serif; font-weight:bold; 
height:15px;width:147px;
background:url(../images/ver_mas.png) no-repeat top right; color:#666;}
.ver_mas a:hover{color:#fff;background-position:right -49px;}
.ver_mas {
	width:220px;
	background-image:url(../images/ver_mas.jpg);
	height:49px;
	position:absolute;
	top: 272px;
}
footer{
	width:940px; height:120px; padding-left:20px; background-color:#FFF; float:left; position:relative;
	line-height: 1.6em;
	font-size:0.9em;
	color: #999;
}
footer .direccion{
	width:280px; height:36px;
	display:block; margin-right:80px;
	float:left;
}
footer .direccion span{color:#78A232;}
footer .telefono{
	width:280px;
	float:left;
	background: url(../images/tel_icon.gif) no-repeat top left;
	padding-left:30px;
}
footer .cel{
	width:150px;
	float:left;
	background: url(../images/tel_icon.gif) no-repeat bottom left;
	padding-left:30px; margin-top:8px;
}
footer .correo{
	text-align:left;
	width:200px; padding-left:30px; margin-left:0px;
	float:left;
	background: url(../images/mail_icon.gif) no-repeat bottom left;
}
footer a{ color:#999;
}
.clear{ clear:both;}
#left{ width:624px; float:left; height:auto; margin-left:20px; background:url(../images/content_bg.jpg) repeat-y;-moz-box-shadow: 2px 0px 6px #575757;
-webkit-box-shadow: 2px 0px 6px #575757;;
box-shadow: 2px 0px 6px #575757;}
.content_title{ background:url(../images/content_title.jpg); height:62px; width:624px;}
.contenido{ background-color:#fff; width:490px; margin-left:44px;-webkit-border-radius: 10px;
-moz-border-radius: 10px; height:auto; float:left;
border-radius: 10px; margin-top:30px; padding:20px}
.contenido ul{color:#333; list-style:none; margin-right:20px; float:left; width:142px; margin-bottom:20px;}
.last{ margin-right:0px;}
.contenido ul li{ background-image:url(../images/triangle.gif); background-repeat:no-repeat; padding:0  0 0 12px; background-position:left 5px;}
.contenido h2{ color:#000; font-size:1.4em; padding-bottom:10px; line-height:1.2em;}
.contenido p{float:left; margin-bottom:20px;}
.contenidob{ background-color:#fff; width:490px; margin-left:44px;-webkit-border-radius: 10px;
-moz-border-radius: 10px; height:auto; float:left;
border-radius: 10px; margin-top:30px; padding:20px}
.contenidob ul{color:#333; list-style:none; margin-right:30px; float:left; width:210px;}
.contenidob ul li{ background-image:url(../images/triangle.gif); background-repeat:no-repeat; padding:0  0 0 12px; background-position:left 5px;}
.contenidob h2{ color:#000; font-size:1.4em; padding-bottom:10px; line-height:1.2em;}
.contenidob p{float:left; margin-bottom:20px;}
.mast{margin-left:44px; margin-top:30px; margin-bottom:100px; float:left;}
#left h1{ color:#fff; font-size:2.5em; font-weight:lighter; padding:20px 0 0 60px;line-height:1.0em;}
#articlesb{ width:283px; float:right; margin-right:15px;}
.articleb{width:283px; height:215px; float:left; background-color:#f5f5f5;
margin:0px 0px 20px 0px;-moz-box-shadow: 2px 0px 6px #575757;
-webkit-box-shadow: 2px 0px 6px #575757;
box-shadow: 2px 0px 6px #575757; position:relative;}
.articleb_title{ height:47px; background:url(../images/artb_title.jpg);}
.articleb_title h2{ color:#fff; font-family:Verdana, Geneva, sans-serif; font-weight:lighter; font-size:1.5em; padding:10px;}
#content{margin-top:26px; padding-bottom:40px;}
.ver_masb a{ display:block; text-align:center;
padding:15px 0px 20px 4px; font-family: Verdana, Geneva, sans-serif; font-weight:bold; 
height:15px;width:240px; margin-left:15px;
background:url(../images/ver_mas.png) no-repeat top right; color:#666;}
.ver_masb a:hover{color:#fff;background-position:right -49px;}
.ver_masb {
	width:283px;
	background-image:url(../images/artb_vermas.jpg);
	height:49px;
	position:absolute;
	top: 167px;
	left: 0px;
}
.articleb img{ margin:13px;
}