/* 
=======================
$ RESETING CSS
======================= 
*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
abbr,acronym {border:0;}
a img{border:0;}

/* 
=======================
$ GENERAL STYLES
======================= 
*/

body{
	font-family: 'Actor', Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 10px;
	color: #585858;
	line-height: 1;
	background: url('../img/bck-get-prefabricados.jpg') top center repeat-x #D7E0E7;
	text-rendering: optimizeLegibility;
}

p {
	line-height: normal;
	margin: 10px 0;
}

h1{  
	font-size: 50px;
	color: #666;
}

h2{
	font-size: 18px; 
	color: #666;
	line-height: 40px;
}

h3{
	color: #999;
	font-size: 16px
}

h4{
	color: #B0B0B0;
	margin-right: 5px;
}

h5{
	font-size: 11px;
	color: #B0B0B0;
}

a:link{
	color: #4A7686;
	text-decoration: none;
}
a:visited{
	color: #4A7686;
}
a:active{
	color: #4A7686;
}
a:hover{
	color: #4A7686;
	text-decoration: underline;
}

ul{
	list-style-type: none;
	padding: 0px;
	margin-left: 6px;
}
ol{
	padding-left: 20px;
}

strong, b{
	font-weight: bold;
}

/* 
=======================
$ LAYOUT
======================= 
*/

#wrapper{
	margin: 0 auto;
	width: 950px;
}
div#wrapper div{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* 
$ Header Styles
----------------------
*/

#header{
	width: 100%;
	float: left;
}
div.header-inner{
	float: left;
	width: 100%;
	min-height: 200px;
}
	div.header-inner div.logo{
	  float: left;
	  margin: 49px 0px 0px 20px;
	}
div.navigation{
	float: right;
    margin-top: 60px;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    font-size: 1.5em;
    text-transform: uppercase;
    height: 60px;
    width: 680px;
    font-weight: bold
}
div.navigation div.brcm-navigation{
	padding: 26px 0px;
}
div.navigation div.brcm-navigation ul{
	margin-left: 0px;
	margin-left: 10px;
}
div.navigation div.brcm-navigation ul li{
	display: inline;
	margin: 0px 16px;
}
div.navigation div.brcm-navigation ul li a{
	color: #36373B;
	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
div.navigation div.brcm-navigation ul li a:hover{
	color: #8D8D8D;
	text-decoration: none;
}
div.navigation div.brcm-navigation ul li.brcm-active-node a{
	font-weight: bold;
}
div.slider-box{
	background: url('../img/img-slider.jpg') top left no-repeat;
	float: left;
	width: 100%;
	height: 375px;
}
div.language{
	float: right;
	text-align: right;
	margin-top: 60px;
}
div.language span{
	float: right;
	width: 100%;
	display: block;
	margin: 8px 0px;
}
div.language a{
	float: right;
	width: 100%;
	display: block;
	margin: 8px 0px;
}

/* 
$ Content Styles
----------------------
*/

#content{
	width: 100%;
	min-height: 300px;
	margin-top: 0px;
	float: left;
	background: #fff;
}
body.home #content{
	background: url('../img/bck-white.jpg') top left no-repeat;
}
div.breadcrumb{
	font-size: 11px;
	color: #000;
	border-bottom: 1px solid #D2D2D2;
	height: 45px;
}
div.breadcrumb div.brcm-breadcrumb a.brcm-home{
	background: url('../img/icono-portada.jpg') top left no-repeat;
	padding-left: 20px;
	width: 15px;
	height: 15px;
}
div.title-box{
	float: left;
	width: 100%;
	padding: 20px 25px;
	border: 1px solid #E2E4E7;
}
body.product-list div.title-box, body.product-detail div.title-box{
	padding: 3px 25px;
}
div.content-inner{
	font-size: 1.4em;
}
body.product-list div.content-inner div.title-box ul, body.product-detail div.content-inner div.title-box ul{
	margin-bottom: 0px;
}
body.product-list div.content-inner div.title-box h1, body.product-detail div.content-inner div.title-box h1{
	margin-top: 27px;
}
div.content-inner div.title-box h1{
	float: left;
	margin-bottom: 0px;
}
div.content-inner div.title-box h3{
	float: right;
	color: #999;
	margin-bottom: 0px;
	margin-right: 2px;
}
body.home div.content-inner div.title-box h3{
	margin-right: 0px;
	width: 200px;
}
div.content-inner div.four-boxes div.box{
	float: left;
	display: inline;
	width: 172px;
    margin: 10px 0px 10px 0px;
    border-bottom: 1px solid #E2E4E7;
    padding-bottom: 30px;
}
body.home div.content-inner div.four-boxes div.box{
	border-right: 1px solid #E2E4E7;
	margin: 26px 0px 26px 28px;
	padding-bottom: 0px;
	border-bottom: 0px;
	width: 202px;
}
body.home div.content-inner div.four-boxes div.box.transformacion{
	border-right: 0px;
}
body.home div.content-inner div.four-boxes div.box.last-item{
	border-right: 0px;
	margin-right: 0px;
	margin-left: 28px;
    width: 230px;
}
div.content-inner div.four-boxes div.box h2{
	font-size: 1.8em;
	color: #727272;
}
div.content-inner div.four-boxes div.box a{
	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #fff;
    font-size: 1.0em;
}
div.content-inner div.four-boxes div.box a:hover{
	text-decoration: none;
	color: #D1D1D1;
}
div.content-inner div.four-boxes div.box p{
	font-size: 0.9em;
	color: #939393;
}
div.content-inner div.four-boxes div.box ul li{
	padding-left: 0px;
	background: none;
	float: left;
	display: inline;
}
div.content-inner div.four-boxes div.box.transformacion{
	border-right: 0px;
	border-bottom: 0px;
}
div.content-inner div.four-boxes div.box.residenciales a{
	background: url('../img/bck-button-1.jpg') top left repeat-x;
	border-radius: 5px;
    padding: 6px 20px;
    margin-top: 3px;
    float: left;
    box-shadow: 0px 1px 2px #6EA9CC;
    text-shadow: 0px 1px 2px #6EA9CC;
}
div.content-inner div.four-boxes div.box.industriales a{
	background: url('../img/bck-button-2.jpg') top left repeat-x;
	border-radius: 5px;
    padding: 6px 20px;
    margin-top: 3px;
    float: left;
    box-shadow: 0px 1px 2px #6EA9CC;
    text-shadow: 0px 1px 2px #6EA9CC;
}
div.content-inner div.four-boxes div.box.transformacion a{
	background: url('../img/bck-button-3.jpg') top left repeat-x;
	border-radius: 5px;
    padding: 6px 15px;
    margin-top: 3px;
    float: left;
    box-shadow: 0px 1px 2px #6EA9CC;
    text-shadow: 0px 1px 2px #6EA9CC;
}
body.home div.product-box{
	float: left;
    width: 100%;
    margin-top: 70px;
	margin-bottom: 20px;
}
div.product-box{
	float: left;
    width: 100%;
    margin-top: 0px;
}
body.product-list div.content-box{
	width: 95%;
	margin: 16px 28px 16px 20px;
}
div.right-column{
	float: right;
	width: 207px;
	margin: 16px 28px 0px 20px;
}
div.extra-buttons{
	float: left;
	margin-top: 30px;
	width: 100%;
}
div.extra-buttons ul li a{
	color: #fff;
    font-size: 1.2em;
    text-shadow: 0px 2px 1px #A7A7A7;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
div.extra-buttons ul li a:hover{
	text-decoration: none;
	color: #F0F0F0;
	text-shadow: 0px 1px 1px #6E6E6E;
}
div.extra-buttons ul li.ubication-bt{
	background: url('../img/bck-button-ubication.png') top left no-repeat;
	width: 232px;
    height: 69px;
    float: left;
    display: inline;
    padding-right: 49px;
    margin-right: 49px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 14px;
    padding-left: 22px;
}
div.extra-buttons ul li.contact-bt{
	background: url('../img/bck-button-contact.png') top left no-repeat;
	width: 232px;
    height: 69px;
    float: left;
    display: inline;
    padding-right: 57px;
    margin-right: 49px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 14px;
    padding-left: 22px;
}
div.certifications-box{
	float: right;
	width: 443px;
}

/* Product list styles */

div.content-inner div.certifications-box ul li{
	display: inline;
	padding-left: 0px;
	background: none;
}
div.categories-box{
	float: left;
	width: 100%;
}
div.content-inner div.categories-box ul li a{
	text-shadow: 0px 1px 2px #6EA9CC;
	color: #fff;
}
div.content-inner div.brcm-breadcrumb{
    float: left;
    margin: 20px 20px 16px 10px;
    width: 97.8%;
    font-size: 0.9em;
    color: #939393;
    border-bottom: 1px solid #E2E4E7;
    padding-bottom: 8px;
}
body.product-detail div.content-inner div.brcm-breadcrumb{
	margin: 5px 20px 16px 10px;
}
div.content-inner div.brcm-breadcrumb a{
	color: #0DA49D;
}
div.content-inner div.categories-box ul{
	float: none;
	width: 660px;
	margin: 0 auto;
}
div.content-inner div.categories-box ul li{
	margin-right: 24px;
    float: left;
    background: none;
    padding-left: 0px;
    display: inline;
    border-right: 1px solid #E2E4E7;
    padding-right: 24px;
}
div.content-inner div.categories-box ul li a{
	border-radius: 5px;
    padding: 5px 20px;
    margin-top: 3px;
    float: left;
    box-shadow: 0px 1px 2px #6EA9CC;
    font-size: 0.95em;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
div.content-inner div.categories-box ul li a:hover{
	text-decoration: none;
    color: #D1D1D1;
}
div.content-inner div.categories-box ul li.residenciales a{
	background: url('../img/bck-button-1.jpg') top left repeat-x;
}
div.content-inner div.categories-box ul li.industriales a{
	background: url('../img/bck-button-2.jpg') top left repeat-x;
}
div.content-inner div.categories-box ul li.transformacion a{
	background: url('../img/bck-button-3.jpg') top left repeat-x;
}
div.content-inner div.categories-box ul li.transformacion{
	border-right: 0px;
	padding-right: 0px;
	margin-right: 0px;
}
div.brcm-pagination{
	float: left;
    width: 97.7%;
    border: 1px solid #E2E4E7;
    padding: 1px 3px 5px 5px;
    margin: 11px;
    text-align: center;
    border-radius: 7px;
}
div.brcm-pagination a{
	background: url('../img/bck-button-3.jpg') top left repeat-x;
	color: #fff;
	border-radius: 5px;
    padding: 7px 20px;
    margin-top: 3px;
    float: left;
    box-shadow: 0px 1px 2px #6EA9CC;
    font-size: 0.95em;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
div.brcm-pagination span.brcm-current{
	padding-top: 11px;
    display: inline-table;
}
div.brcm-pagination a.brcm-next{
	float: right;
}
div.brcm-pagination a:hover{
	text-decoration: none;
    color: #D1D1D1;
}
div.product-box ol{
	list-style: none;
}
div.product-box div.brcm-list-of-products ol{
	float: none;
    margin: 0 auto;
    width: 882px;
    text-align: center;
    padding-left: 0px;
}
body.home div.product-box ol li.brcm-product{
	float: left;
	width: 274px;
	margin-right: 30px;
}
div.product-box ol li.brcm-product{
	float: left;
	width: 274px;
	margin-right: 30px;
}
body.home div.product-box ol li.brcm-product:nth-child(3n), div.product-box ol li.brcm-product:nth-child(3n){
	margin-right: 0px;
}
div.product-box ol li.brcm-product div.brcm-image{
	background: #fff;
	text-align: center;
	border: 1px solid #E2E4E7;
	min-height: 177px;
}
div.product-box ol li.brcm-product div.brcm-name{
	background: #fff;
	text-align: center;
	border: 1px solid #E2E4E7;
	margin-top: 1px;
    padding: 8px 0px;
    margin-bottom: 20px;
    font-weight: bold;
}
div.product-box ol li.brcm-product div.brcm-name a{
	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
div.product-box ol li.brcm-product div.brcm-name a:hover{
	text-decoration: none;
	color: #0E9E96;
}
div.product-box ol li.brcm-product div.brcm-summary{
	display: none;
}
div.product-box ol li.brcm-product div.brcm-price{
	display: none;
}
div.product-button{
	float: left;
    width: 882px;
    border: 1px solid #E2E4E7;
    padding: 8px 20px;
    text-align: center;
    margin: 0px 29px 19px 10px;
}
body.home div.product-button{
  	margin: 0px 29px 19px 34px;
}
div.product-button a{
	color: #0E9E96;
	font-weight: bold;
	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
div.product-button a:hover{
	text-decoration: none;
	color: #4A7686;
}
div.content-box{
	float: left;
	width: 635px;
    margin: 23px 0px 23px 28px;
}
body.product-detail div.content-box{
	width: 635px;
	margin: 23px 0px 23px 28px;
}

/* Product detail styles */

div.brcm-product-detail div.brcm-navigation, div.brcm-brand{
	display: none;
}
div.brcm-product-detail .Field .Info, div.brcm-product-detail .brcm-description{
	font-style: normal;
}
body.product-detail div.content-inner h1{
	color: #4C4C4C;
}
body.product-detail div.content-inner h2{
	font-size: 1.6em;
	color: #333;
}
div.content-inner ul.brcm-list-of-attachments li{
	background: #FBFBFB;
	background-image: none;
	border: 1px solid #E2E4E7;
	padding: 10px 14px;
    border-radius: 7px;
	display: inline-block;
	font-size: 1.1em;
}
div.brcm-product-detail div.brcm-group-of-images{
	margin: 13px 0px 25px 0px;
    float: left;
}
div.brcm-product-detail div.brcm-image{
	border: 1px solid #E2E4E7;
	width: 100%;
}


/* 
$ Footer Styles
----------------------
*/

#footer{
	width: 100%;
	min-height: 62px;
	display: block;
	float: left;
	margin-top: 10px;
}
#footer p{
	font-size: 1.2em;
    line-height: 150%;
    margin-top: 4px;
}
.black{
	color: #2A2A2A;
}
#footer div.signature{
	float: right;
	margin: 5px 0px 15px 0px;
}
#footer div.signature ul li{
	float: left;
	display: inline;
}
#footer div.contact-box{
	float: left;
}

/* 
=======================
$ STYLE GUIDE
======================= 
*/

div.content-inner p, div.content-inner ol, div.content-inner ul, div.content-inner table{
	margin: 10px 0px;
	line-height: 150%;
}
div.content-inner ul{
	list-style-type: none;
	line-height: 20px;
	margin-top: 5px;
}
div.content-inner ul li{
	padding-left: 15px;
	background: url('../img/punto-ul.jpg') 0px 6px no-repeat;
}
div.content-inner ul li ul li{
	padding-left: 18px;
	font-size: 13px;
}
div.content-inner ul li ul li ul li{
	padding-left: 5px;
}
div.content-inner h1{
	font-size: 1.8em;
	color: #B0B0B0;
	margin-bottom: 10px;
	line-height: normal;
}
div.content-inner h2{
	font-size: 1.7em;
	color: #B0B0B0;
	margin-bottom: 10px;
	line-height: normal;
}
div.content-inner div.brcm-body h2{
    color: #727272;
}
div.content-inner h3{
	font-size: 1.6em;
	color: #333;
	margin-bottom: 10px;
	line-height: normal;
}
div.content-inner div.title-box h3{
    font-size: 1.8em;
}
div.content-inner h1 + h2{
	margin-top: 5px;
}
div.content-inner h2 + h3{
	margin-top: 5px;
}
div.content-inner table{
	margin: 20px 0 20px 0px;
}
div.content-inner table th{
	padding: 7px 15px;
	border: 1px #D2D2D2 solid; 
	background: #E4E4E4; 
	color: #737373;
	font-weight: bold;
}
div.content-inner table td{
	padding: 7px 15px;
	border: 1px #D2D2D2 solid;
	color: #737373;
}
div.content-inner input[type="text"], div.content-inner input[type="password"], div.content-inner select, div.content-inner textarea{
	border: 1px solid #E2E4E7;
	padding: 8px 5px;
	background: #FBFBF9;
	box-shadow: 0px 1px 2px #E5E5E5;
    border-radius: 4px;
}
div.content-inner input[type="submit"], div.content-inner button{
	border: 0px;
	color: #fff;
	background: url('../img/bck-button-3.jpg') top left repeat-x;
    border-radius: 5px;
	cursor: pointer;
	padding: 6px 18px;
	font-weight: 300;
	box-shadow: 0px 1px 2px #6EA9CC;
    text-shadow: 0px 1px 2px #6EA9CC;
    font-family: 'Actor', Arial, Helvetica, sans-serif;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
div.content-inner input[type="submit"]:hover, div.content-inner button:hover{
    text-decoration: none;
    color: #D1D1D1;
}
div.content-inner div.brcm-form div.brcm-field, div.content-inner div.brcm-field{
	float: left;
    width: 100%;
    margin: 8px 0px;
}
div.content-inner div.brcm-field div.brcm-title{
	margin-bottom: 6px;
}
div.content-inner div.brcm-form div.brcm-actions{
	float: left;
	width: 100%;
}