/*   
Theme Name: Sta. Gertrudis
Theme URI: http://stagertrudis.mx
Description: Santa Gertrudis Construcciones
Author: Eberth M. Torres
Author URI: http://www.eberth.com.mx
Version: 1.0
*/

/** Generales **/
*{margin:0; padding:0; border:0; list-style:none;}
body {font-family:Arial, sans-serif; font-size:11px; line-height:15px; color:#333; background:url('img/bg.png') #bcbcbc;;}
p{margin:0 0 20px;}
a{text-decoration:none; color:#4b4b4b}
a:hover{color:#7b7b7b;}
.clearfix{clear:both;}
h1,h2, h3, h4, h5, h6{font-family: 'LeagueGothicRegular'; font-weight:normal;}
h5, h6{letter-spacing:0 !important;}
.wrapper{width:960px; margin:0 auto;}

#header{width:100%; height:110px; background:url('img/bg1.png') repeat-x;}
#header .wrapper{position:relative;}
#logo{width:300px; height:210px;  background:url('img/logo.png'); position:absolute; top:0; left:330px;}

#datos{padding-top:13px; float:left;}
#datos li{padding-left:30px;}
#datos li.tel, #datos li.fax, #datos li.mail{font-family:'VolkhovItalic'; text-shadow: -1px -1px 1px #d7d7d7}
#datos li.tel{font-size:23px; line-height:30px; background:url('img/tel.png') 0 1px no-repeat; }
#datos li.fax{font-size:23px; line-height:30px; background:url('img/fax.png') 0 1px no-repeat;}
#datos li.mail{font-size:18px; line-height:25px; background:url('img/mail.png') 0 0 no-repeat;}

#redes{float:right; padding-top:35px;}
#redes li{float:right;}
#redes a{background:url('img/redes.png'); width:35px; height:35px; display:block; -webkit-transition:background-position .2s ease; -moz-transition:background-position .2s ease; -o-transition:background-position .2s ease; transition:background-position .2s ease;}
#redes .twitter{background-position:0 0;}
#redes .twitter:hover{background-position:0 -35px;}
#redes .facebook{background-position:-35px 0;}
#redes .facebook:hover{background-position:-35px -35px;}

#bloques{margin:150px 0 100px;}
.bloque{width:300px; height:220px; background:url('img/bloque.png'); margin-left:15px; float:left;}
.bloque img{margin:8px 20px 0 20px; border:1px solid #717171;}
.bloque h1{font-size:22px; line-height:45px; color:#4b4b4b; text-transform:uppercase;}

#sombra{width:100%; height:10px; background:url('img/sombra.png') repeat-x;}
#footer{width:100%; overflow:hidden; padding:30px 0; background:url('img/bg-footer.png'); border-bottom:3px solid #4b4b4b;}
#footer h1{font-size:22px; line-height:30px; color:#4b4b4b; text-transform:uppercase;}
#footer h3{font-size:16px; margin-top:20px; color:#4b4b4b;}

#forma div{float:left; margin-right:10px;}
#forma input[type="text"] {width:370px; height:40px; margin-bottom:10px; background: #4b4b4b; padding-left:10px; color:#fff; font-size:12px;}
#forma input[type="text"]:focus {background:#2b2b2b;}
#forma input[type="submit"] {font-family: 'LeagueGothicRegular'; font-size: 20px; text-transform:uppercase; padding: 8px 10px; background: #4b4b4b; border: 0; color: #fff;}
#forma input[type="submit"]:hover { background: #2b2b2b;}
#forma textarea {width:420px; height:70px; background: #4b4b4b; padding:10px; color:#fff; font-size:12px;}

/** Fonts **/
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league_gothic-webfont.eot');
    src: url('fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/league_gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'VolkhovItalic';
    src: url('fonts/Volkhov-Italic-OTF-webfont.eot');
    src: url('fonts/Volkhov-Italic-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Volkhov-Italic-OTF-webfont.woff') format('woff'),
         url('fonts/Volkhov-Italic-OTF-webfont.ttf') format('truetype'),
         url('fonts/Volkhov-Italic-OTF-webfont.svg#VolkhovItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}