/*   
Theme Name: Todo Ferro 2015
Theme URI: http://www.todoferro.com
Description: Theme desarrollado bajo la tecnología de WordPress v4
Author: Merit Designs
Author URI: http://www.meritdesigns.com
Version: 1.0
*/
/*
@font-face {
  font-family: 'HelveticaNeueLTStd-MdCn';
  src: url('HelveticaNeueLTStd-MdCn.eot?#iefix') format('embedded-opentype'),  url('HelveticaNeueLTStd-MdCn.otf')  format('opentype'),
	     url('HelveticaNeueLTStd-MdCn.woff') format('woff'), url('HelveticaNeueLTStd-MdCn.ttf')  format('truetype'), url('HelveticaNeueLTStd-MdCn.svg#HelveticaNeueLTStd-MdCn') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

*{ -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }

body { padding: 0px; margin: 0px; background: url(img/bg.jpg); font-family: Arial; }
.container{ max-width: 1080px; margin: 0 auto;}
.clear{ clear: both;}

a{ text-decoration: none;}
a:hover{ text-decoration: underline;}
*:focus{ outline: none;}

.header { background: url(img/bgheader.jpg) #81100C; height: 72px; width: 100%; border-bottom: 1px solid #fff;}
.logo{ width: 247px; height: 51px; background: url(img/logo.png) no-repeat; float: left; margin-top: 14px; }
.socialmedia { float: right; margin-top: 16px;}
.socialmedia a { width: 34px; margin: 0 2px; height: 33px; display: inline-block;}
.socialmedia a:hover { opacity: 0.5; }
.socialmedia .facebook { background: url(http://www.todoferro.com/wp-content/uploads/2017/03/css_sprite.png) no-repeat;}
.socialmedia .twitter { background: url(http://www.todoferro.com/wp-content/uploads/2017/03/css_sprite.png) no-repeat -39px 0;}
.socialmedia .googleplus { background: url(http://www.todoferro.com/wp-content/uploads/2017/03/css_sprite.png) no-repeat -78px 0;}

.menu { background-color: #BCBCBC; height: 49px; width: 100%; margin-bottom: 15px;}
.main_menu{ float: left; list-style: none; margin: 0px; padding: 0px;}
.main_menu li{ float: left; margin-right: 5px; }
/*.main_menu li a{ font-family: 'HelveticaNeueLTStd-MdCn'; color: #000; margin-top: 2px; padding: 11px 14px 19px 14px; display: block; font-size: 18px; text-transform: uppercase;}*/
.main_menu li a{ font-family: Arial Narrow; color: #000; margin-top: 2px; padding: 11px 14px 19px 20px; display: block; font-size: 17px; text-transform: uppercase; font-weight: bold;}
.main_menu li.current-menu-item a, .main_menu li.current-page-ancestor a, .main_menu li:hover a{ color: #fff; background-color: #81100C; text-decoration: none;}
.main_menu li.current-menu-item a:after, .main_menu li.current-page-ancestor a:after, .main_menu li:hover a:after {content: "";position: absolute;margin-left: 14px;border-bottom: 6px solid transparent;border-top: 0px solid transparent;border-left: 7px solid #513300;margin-top: 35px;}

.search{ background-color: #fff; width: 306px; height: 33px; float: right; margin-top: 7px;}
.fieldsearch { color: #666666; font-size: 14px; float: left; border: none; padding: 8px; width: 256px;}
.btnsearch { float: right; width: 14px; height: 19px; border: none; margin: 7px; background: url(img/css_sprite.png) no-repeat 0 -59px; cursor: pointer;}

.slideshow{ position: relative; width: 100%; height: 340px; overflow: hidden; background-color: #BCBCBC;}
.slide { float: left; padding: 10px; height: 330px; overflow: hidden; width: 100%; }
.slide img { width: 100%; height: auto;}
.scontent { position: absolute; top: 75px; left: 139px; z-index: 400; width: 404px; color: #fff;}
.scontent h1 { font-family: Arial Narrow; font-size: 49px; margin-bottom: 15px; text-shadow: 0 0 10px #000000;}
.scontent p { text-shadow: 0 0 5px #000000;}

.sprev{ width: 44px; height: 44px; z-index: 500; position: absolute; left: 41px; top: 143px; background: url(img/css_sprite.png) no-repeat 0 -108px;}
.snext{ width: 44px; height: 44px; z-index: 500; position: absolute; right: 41px; top: 143px; background: url(img/css_sprite.png) no-repeat -48px -108px;}

.contenido { background-color: #fff; min-height: 300px; padding: 25px; margin-bottom: 25px;}
.box a:hover{ color: #000;}
.box { position: relative; float: left; width: 240px; margin-right: 23px;}
.box.last { float: right; margin-right: 0px;}
.box h2{ font-size: 19px; color: #000; margin: 10px 0px; font-family: Arial Narrow; height: 42px;}
.box p, .box li { color: #666666; font-size: 15px;}
.box ul, .box p { padding: 0px; margin:7px 0px; list-style: none;}
.icon-paloma {position: absolute;right: -16px;top: 23px;}

.boxcontact { margin: 50px 0 25px 0; float: left; width: 100%;}
.boxcallus{ float: left; width: 479px; height: 250px; background: url(img/bgliner.png) no-repeat right top; }
.bcucontent { background: url(img/css_sprite.png) no-repeat 19px -129px #fff; padding: 5px 10px 5px 54px; position: relative; width: 478px; margin-top: 48px; min-height: 131px; border-right: 3px solid #DFDBD5; float: left;}
.bcucontent:after { content: url(img/shadowcallme.png); left: 0px; top: 136px; position: absolute;}
.bcucontent h3 { font-weight: bold; margin-bottom: 5px; font-size: 24px; color: #000; font-family: Arial Narrow; margin-top: 20px;}
.bcucontent p { margin: 5px; color: #666666; font-size: 15px;}
h3.thenumbers{ font-weight: bold; margin-top: 0px; font-size: 28px; font-family: Arial Narrow;}

.formhome{ float: right; width: 582px;}
.formhome h1 { font-size: 25px; font-weight: bold; color: #000; font-family: Arial Narrow; margin-top: -38px;}
.formhome .fieldtext { margin-bottom: 15px; padding: 5px; color: #000; font-size: 15px; background-color: #F3F3F3; border: 1px solid #ccc; height: 46px; width: 497px;}
.btnEnviar { border: none; color: #fff; background-color: #81100C; padding: 12px 33px; float: right; cursor: pointer; font-size: 15px; text-transform: uppercase; margin-right: 85px; margin-top: 13px;}

.icon-profile{ vertical-align: middle; margin-right: 5px; background: url(img/css_sprite.png) no-repeat -81px -48px; width: 44px; height: 47px; display: inline-block;}
.icon-bmail{ vertical-align: middle; margin-right: 5px; background: url(img/css_sprite.png) no-repeat -134px -58px; width: 41px; height: 29px; display: inline-block;}
.icon-cart{ margin-top: -9px; vertical-align: middle; margin-right: 5px; background: url(img/css_sprite.png) no-repeat -23px -53px; width: 44px; height: 38px; display: inline-block;}
.icon-foto{ margin-top: -1px; vertical-align: middle; margin-right: 5px; background: url(img/icon-foto.png) no-repeat; width: 44px; height: 38px; display: inline-block;}

.contenido .titlein { line-height: 1.25; color: #81100C; font-size: 28px; font-family: Arial Narrow; margin-top: 0px; font-weight: bold;}
.contenido p{ color: #A7A7A7; font-size: 15px; line-height: 1.35;}
.contenido p em{ color: #333333;}
.contenido h1 { line-height: 1.25; color: #81100C; margin-top: 0px; margin-bottom: 5px; font-size: 28px; font-family: Arial Narrow; font-weight: bold;}

.noscontent { float: right; width: 745px; border-left: 1px solid #E3E0DB; padding-left: 25px;}
.nosprofile {border-top: 1px solid #E3E0DB; padding-top: 20px;}
.nosprofile img { float: left; margin-right: 15px;}

.contactdetails{ float: left; width: 661px;}
.caddress{ float: right; width: 316px; margin-top: 0px; background: url(img/css_sprite.png) no-repeat -3px -334px; padding-left: 23px;}
#cmapa{ float: left;}
.numbersandemail .tel {background: url(img/css_sprite.png) no-repeat 0 -433px;}
.numbersandemail .fax {background: url(img/css_sprite.png) no-repeat 0 -465px;}
.numbersandemail .email {background: url(img/css_sprite.png) no-repeat 0 -492px; color: #3A2D1E; font-size: 20px; padding-left: 26px;}

.cright {  float: right; width: 313px;}
.contenido.contacto h1{ color: #3A2D1E; letter-spacing: -1px; font-size: 25px;}
.contenido.contacto h1.titlein{margin-bottom: 14px;}
.contactdetails span{ margin-bottom: 8px; display: inline-block; padding-left: 26px; line-height: 1.2; color: #3A2D1E; font-size: 20px;}
.numbersandemail { float: left; margin-top: 0px;}

.contenido.product h1{ color: #3A2D1E; line-height: 1.25;}
.menuproduct{ width: 277px; float: left;}
.mainmenuproduct { float: left; list-style: none; padding: 0px; margin: 0px;}
.mainmenuproduct a{ color: #A7A7A7; text-decoration: none; font-size: 16px; }
.mainmenuproduct a:hover, .mainmenuproduct a.active { color: #81100C; }
.mainmenuproduct li {padding-left: 15px;}
.submptitle{ padding: 5px 0 5px 0 !important; color: #81100C; font-size: 15px; font-weight: bold;}
.submptitle > a{ color: #81100C; }
.submptitle > a:hover{ color: #666; }
.submptitle.withline { margin-top: 5px; border-top: 1px solid #E3E0DB;}
.submptitle.active{ background-color: #81100C; color: #fff; padding-left: 5px !important; margin-bottom: 5px;}
.submptitle.active a {color: #fff;}

.productcontent{ float: left; width: 738px; padding-left: 30px; border-left: 1px solid #E3E0DB;}
.productcontent h1{ color: #81100C !important;}

.itemproduct {border-bottom: 1px solid #E3E0DB; padding-bottom: 16px;}
.itemproduct strong, .itemproduct strong a { color: #333; display: block;}
.itemproduct img, .product2sub img { float: left; margin-right: 15px;}
.product2sub p { margin-top: 0px;}

.readmore{ font-size: 14px; color: #81100C; text-transform: uppercase; text-decoration: underline; background: url(img/css_sprite.png) no-repeat 73px -519px; padding-right: 13px;}
.linkcotizar{ font-size: 14px; color: #81100C; text-transform: uppercase; text-decoration: none; background: url(img/css_sprite.png) no-repeat 78px -533px #81100C; color: #fff; float: right; padding: 3px 22px 3px 9px;}

.product2listfotos{ padding: 0px; margin: 0px; list-style: none;}
.product2listfotos li{ float: left; margin-right: 16px;}
.product2listfotos li.last{ float: left; margin-right: 0px; float: right;}
.product2listfotos li img{ margin-right: 0px; }

.gallerydetails { float: left; width: 421px;}
.contentdetails { float: right; width: 267px;}
.contentdetails p{ margin-top: 0px;}
.contentdetails strong{ display: block; color: #333;}
.contentdetails .linkcotizar{ float: none;}

hr { border: none; height: 1px; background-color: #ccc; margin: 16px 0 10px 0;}

.thumbnailsdetails img{ margin-top: 10px; float: left; margin-right: 11px;}
.thumbnailsdetails .last{ float: right; margin-right: 0px;}
.mainmenuproduct.galeria a { color: #81100C; line-height: 1.35;padding: 6px !important; display: block;}
.mainmenuproduct.galeria li, .mainmenuproduct.galeria { margin: 0px !important; width: 100%; padding: 0px !important;}
.mainmenuproduct.galeria > li.active > a, .mainmenuproduct.galeria > li:hover > a { padding: 6px !important; color: #fff; margin-bottom: 0px;}
.mainmenuproduct.galeria > li:hover > a, .mainmenuproduct.galeria > li > a.active{ background-color: #81100C; color: #fff;}

.listGallery{ padding: 0px; margin: 0px; list-style: none; float: left; width: 102%;}
.listGallery li{ float: left; margin-right: 10px; margin: 5px 10px 5px 0;}
.listGallery li.last{ float: right; margin-right: 0px;}

.listclients{ float: left; width: 100%; list-style: none; padding: 0px; margin:0px; }
.listclients li{ float: left; width: 28%; margin-bottom: 19px; margin-right: 15px; list-style-image: url(img/bullet.png); margin-left: 31px;}
.listclients li h4, .listclients li p{ margin: 5px 0; font-weight: normal;}
.listclients li p{ margin: 5px 0; font-weight: normal; color: #A7A7A7; font-size: 15px;}
.listclients li h4 a, .listclients li h4 { color: #81100C;}

a{ color: #81100C;}

img.alignright {float: right;margin-left: 10px;margin-bottom: 10px;}
img.alignleft {float: left;margin-right: 10px;margin-bottom: 10px;}

/*formularios*/
.formulario {width: 102%;}
.formulario .fieldtext { width: 339px; margin-bottom: 10px; margin-right: 10px; height: 46px; padding: 5px; background-color: #F3F3F3; border: 1px solid #ccc;  font-size: 15px;}
.formulario select{ color: #999; height: 46px; margin-right: 10px; background-color: #F3F3F3; border: 1px solid #ccc; padding: 5px; width: 281px;}
.formulario .smallinput {width: 37px;height: 32px;vertical-align: middle;background-color: #F3F3F3;border: 1px solid #ccc;padding: 5px;}
.formulario .fieldtext.small { width: 150px;}
.formulario textarea{ color: #999; font-family: Arial; height: 146px; margin-right: 10px; background-color: #F3F3F3; border: 1px solid #ccc; padding: 5px; width: 281px;}
.formulario .btnsend { border: none; color: #fff; background-color: #81100C; padding: 12px 33px; cursor: pointer; font-size: 15px; text-transform: uppercase; margin-right: 85px; margin-top: 13px;}

.addother {height: 23px;background: url(img/addother.png) no-repeat;padding-left: 28px;color: #999;display: block;margin-top: 15px;text-decoration: none !important;}

.cright a:hover, .cright img:hover { opacity: 0.6;}

li.submptitle.subsub {margin-left: 16px; font-size: 16px;}
li.submptitle.subsub ul li a {font-weight: normal;}
li.submptitle.subsub ul li {padding-left: 0px;list-style: none;}
li.submptitle.subsub ul {padding-left: 12px;}

.footer{ width: 100%; clear: both; min-height: 441px; padding-bottom: 25px; background: url(img/bgfootertop.jpg) repeat-x top #81100C; margin-top: 15px;}
.menuf{ position: relative; float: left; margin: 30px 0 0; padding: 0; list-style: none;}
.menuf > li > a{ font-weight: bold; color: #fff; text-transform: uppercase; font-size: 18px; font-family: Arial Narrow; line-height: 1.7;}
.submenuf { position: relative; list-style: none; padding-bottom: 15px; padding-left: 0px; background-color: #BCBCBC; position: absolute; left: 143px; top: 0px; width: 279px; min-height: 163px;}
.submenuf li{ padding-left: 52px; padding-right: 10px; background: url(img/bullet2.png) no-repeat 43px 8px;}
.submenuf li a{ color: #81100C; font-size: 12px; font-family: Arial; }
li.submenutitle{ list-style: none; margin: 7px 0 0px 0;color: #81100C; font-size: 16px; background: url(img/css_sprite.png) no-repeat -158px -316px; padding-left: 23px;}
li.submenutitle a { font-size: 16px;}
li.submenutitle.withline { background: url(img/css_sprite.png) no-repeat -158px -311px;}
.submenuf:before {content: "";position: absolute;margin-left: -14px;border-bottom: 14px solid transparent;border-top: 14px solid transparent;border-right: 17px solid #BCBCBC;margin-top: 60px;}
.submenutitle.withline { border-top: 1px solid #81100C; padding-top: 5px;}

li.submenutitle.fmarlef {background: none;padding-left: 34px;}

.footeright{ float: right; width: 540px; color: #fff; margin-top: 82px;}
.footeright .address{ background: url(img/css_sprite.png) no-repeat -2px -222px; padding-left: 25px;}
.footeright .tel{ background: url(img/css_sprite.png) no-repeat -2px -264px; padding-left: 25px; height: 22px;}
.footeright .email{ background: url(img/css_sprite.png) no-repeat 0px -298px; padding-left: 27px;}
.footeright a{ color: #fff;}
p.copyright {margin-top: 60px;}

.options{display:none; float: left;}

/* Tablet */
@media (max-width: 1200px){
.search{
    display: none;
}

.productcontent {
    float: left;
    width: 100%;
    padding-left: 30px;
    border-left: 1px solid #E3E0DB;
    margin-top: 35px;
}

.noscontent {
    width: auto;
}

.contactdetails {
    float: left;
    width: auto;
}

.caddress {
    float: left;
    width: auto;
    margin-top: 0px;

}

#cmapa {
    float: left;
    width: 100% !important;
}

.cright {
    float: left;
    width: auto;
    margin-top: 10px;
}
.slideshow, .slide{
height:auto;
}

.scontent {
    position: absolute;
    top: 21px;
    left: 93px;
    z-index: 400;
    width: 58%;
    color: #fff;
}

.scontent h1 {
    font-family: Arial Narrow;
    font-size: 39px;
    margin-bottom: 15px;
    text-shadow: 0 0 10px #000000;
}

.box.last {
    float: left;
}
.box{
width: 45%;
}
.box .attachment-box{
width: 100%;
height: auto;
}
.boxcontact {
    margin: 0 0 25px 0;
}
.boxcallus {
    width: 100%;
    background: none;
}
.bcucontent {
    padding: 5px 10px 9px 54px;
    width: 100%;
    margin-top: 21px;
}
.formhome {
    width: 100%;
    padding: 0 23px;
}
.formhome .fieldtext {
    width: 100%;
}
.btnEnviar {
    margin-right: 0;
}
.footer {
    padding: 0 28px;
}
.menuf {
    width: 100%;
}
.footeright {
    float: left;
    width: 100%;
    margin-top: 159px;
}
}

@media (min-width: 415px){
ul.menu{display:none;}
}

/* Celulares grandes */
@media (max-width: 414px){
.box, .box .attachment-box{
width: 100%;
height: auto;
}

.logo {
    width: 200px;
    height: 51px;
    background: url(img/logo.png) no-repeat;
    float: left;
    margin-top: 14px;
    margin-left: 8px;
    background-size: 200px;
}

.itemproduct img, .product2sub img {
    float: left;
    margin-right: 15px;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.imagenIn {
    float: left;
    margin-right: 23px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}

.listclients li {
    width: 83%;
}

.cright img{
width:100%;
}

.contactdetails span {
       font-size: 18px;
}

ul.menu{ z-index: 1000; top: 82px; position: absolute; right: 21px; list-style: none; padding: 0; margin: 0;}
ul.menu {
    background: none !important;
    height: auto;
    width: auto;
    margin-bottom: 0;
}
ul.sub-menu{ display: none; width: 275px; right: 0; list-style: none; padding: 10px; margin: 0; min-height: 190px; background-color: #81100C; position: absolute; margin-top: 44px;}
ul.sub-menu li { padding: 3px 0; border-bottom: 1px solid #A71410;}
ul.sub-menu li a{ text-decoration: none; display: block; padding-left: 30px; color: #fff; font-size: 18px; font-family: 'HelveticaNeueLTStd-MdCn'; text-transform: uppercase;}
ul.sub-menu li.icon-home a{ background: url(http://www.todoferro.com/wp-content/themes/mobile/img/css_sprite.png) 3px -100px no-repeat;}
ul.sub-menu li.icon-about a{ background: url(http://www.todoferro.com/wp-content/themes/mobile/img/css_sprite.png) 3px -130px no-repeat;}
ul.sub-menu li.icon-prod a{ background: url(http://www.todoferro.com/wp-content/themes/mobile/img/css_sprite.png) 3px -159px no-repeat;}
ul.sub-menu li.icon-gal a{ background: url(http://www.todoferro.com/wp-content/themes/mobile/img/css_sprite.png) 3px -190px no-repeat;}
ul.sub-menu li.icon-cus a{ background: url(http://www.todoferro.com/wp-content/themes/mobile/img/css_sprite.png) 0 -220px no-repeat;}
ul.sub-menu li.icon-cont a{ background: url(http://www.todoferro.com/wp-content/themes/mobile/img/css_sprite.png) 3px -250px no-repeat;}
ul.sub-menu li:hover, .sub-menu li.current-menu-item{ background: #ED413D;}
.icon-menu{ float: right; width: 23px; height: 24px; background: url(http://www.todoferro.com/wp-content/themes/mobile/img/css_sprite.png) 0 -42px;}

.main_menu{
display:none;
}
.scontent {
    position: absolute;
    top: 9px;
    left: 86px;
    z-index: 400;
    width: 65%;
    color: #fff;
}

.scontent h1 {
    font-size: 20px;
}
.scontent p{
    font-size: 12px;
}

.sprev{width: 44px;height: 44px;z-index: 500;position: absolute;left: 28px;top: 44px;background: url(img/css_sprite.png) no-repeat 0 -108px;}
.snext{width: 44px;height: 44px;z-index: 500;position: absolute;right: 28px;top: 44px;background: url(img/css_sprite.png) no-repeat -48px -108px;}

.submenuf {
    left: 122px;
    width: 209px;
}
.footeright {
    margin-top: 242px;
}
.boxcontact {
    overflow: hidden;
}
.bcucontent h3 {
    font-size: 16px;
}
.bcucontent p {
    font-size: 12px;
}
h3.thenumbers {
    font-size: 20px;
}
.footeright .address {
    font-size: 14px;
    background: url(img/css_sprite.png) no-repeat -2px -215px;
}
.footeright .tel {
    font-size: 14px;
}
.footeright .email {
    font-size: 14px;
}
p.copyright {
    margin-top: 35px;
    text-align: center;
    line-height: 2;
}
}

/* Celulares chico */
@media (max-width: 375px){
.footer {
    padding: 0 11px;
}

.scontent h1{
    font-size: 18px;
}

.scontent p {
    font-size: 10px;
}

.submenuf {
    left: 118px;
    width: 183px;
}
}

/* Celulares mas chico */
@media (max-width: 350px){
ul.menu {
    top: 24px;
}
}