/* IMPORTS */
@import url("inc.reset.css");
@import url("inc.header.css");
@import url("inc.footer.css");
@import url("inc.messenger.css");

/* VARIOUS */
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.alignLeft {text-align:left !important;}
.alignRight {text-align:right !important;}
.noMargin {margin:0 !important;}
.noPadding {padding:0 !important;}

/* SPECIAL */
.red {color:#bf0909;}

/* MAIN LAYOUT */
body {font-family:Arial, Helvetica, sans-serif; background:url(../images/common/body_bg.gif) repeat-x top #b4b4b4; padding:12px 0;}
#wrap {width:982px; margin:0 auto; background:#fff; padding:10px 10px 0;}
#content {width:982px; float:left;}

/* LEFT */
#content .left {width:735px; float:left;}
#content .left h1.sectionTit {width:725px; height:26px; float:left; background:#211d1a; padding:9px 0 0 10px; margin:0 0 10px;}
#content .left h1.conTilde {padding:6px 0 3px 10px;}

#content .left .main {width:690px; float:left; display:inline; margin:0 0 0 45px; padding:0 0 15px; font-size:12px; color:#555;}

#content .left .main p.txt {width:100%; float:left; padding:5px 0;}
#content .left .border p {width:668px !important; padding:10px !important;}
#content .left .main .offset {width:670px; float:left; display:inline; margin:10px 0 10px 20px;}

#content .left .main p strong.red {font-size:14px;}

#content .left .main ul.list {width:650px; float:left; display:inline; margin:10px 0 10px 20px;}
#content .left .main ul.list li {width:635px; float:left; padding:0 0 10px 15px; background:url(../images/common/list_red_bullet.gif) no-repeat 0 4px;}
#content .left .main ul.list li .btOpen {display:inline; vertical-align:middle; margin:0 5px 0 0;}
#content .left .main ul.listGrey {width:635px; padding:0 0 0 10px; background:#e0e0e0;}
#content .left .main ul.listGrey li {width:620px;}
#content .left .main ul.nobull li {background:none; padding-left:0; padding-bottom:25px;}

#content .left .main ul.list li a {color:#555; text-decoration:none;}
#content .left .main ul.list li a:hover {color:#999; text-decoration:underline;}

#content .left .main ul.list .item {width:640px; float:left; display:block; z-index:200; position:relative;}
#content .left .main ul.list .item span {width:620px; float:left; background:#eee; padding:5px 10px; margin:5px 0;}
#content .left .main ul.list .item p {width:620px; float:left; background:#e0e0e0; padding:10px; margin:0 0 10px;}
#content .left .main ul.list .item p .btClose {float:right; display:inline; margin:10px 0 0 10px; cursor:pointer;}

#content .left .main ul.double li {width:300px !important; float:left; display:inline; margin-right:5px;}

/* DESTACADO */
#content .left .main p.conDestacado {width:400px;}
#content .left .main img.destacado {position:relative; z-index:500; float:left; margin:0 0 -410px -252px; left:290px; top:-83px;}
#content .left .main ul.conDestacado {width:380px !important;}
#content .left .main ul.conDestacado li {width:365px !important;}

#content .left .imgBox {width:332px; float:left; background:#868686; color:#fff; margin:0 0 20px 26px; height:220px; display:inline;}
#content .left .imgBox p {width:312px; float:left; display:inline; padding:10px;}
#content .left .btLeerMas {float:right; display:inline; margin:10px;}

/* RIGHT */
#content .right {width:232px; float:left; display:inline; margin:0 0 0 15px;}
#content .right .masInfo {width:232px; float:left; background:#d5d5d5; margin:0 0 15px;}
#content .right .masInfo h2.tit {width:222px; height:28px; float:left; background:#624022; padding:7px 0 0 10px;}
#content .right .masInfo form {width:202px; float:left; padding:15px; font-size:11px; color:#333; line-height:20px;}
#content .right .masInfo form span {width:202px; float:left;}
#content .right .masInfo form input {width:197px; height:14px; float:left; padding:2px 0 2px 5px; color:#666;}
#content .right .masInfo form textarea {width:197px; height:60px; float:left; padding:2px 0 2px 5px; color:#666;}
#content .right .masInfo form input.bt {width:59px; height:15px; padding:0; float:right; margin:15px 0 0;}
#content .right .camion {float:right;}

/* SUMATE */
#content .left .sumate {width:703px; float:left; padding:15px; background:#D5D5D5;}
#content .left .sumate form {width:389px; float:left; padding:2px 0 0; display:inline; margin:0 0 0 80px;}
#content .left .sumate form font.enviarCv {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative;}
#content .left .sumate form span {width:389px; float:left; margin:14px 0 3px 0; font-size:11px; color:#333;}
#content .left .sumate form input {width:389px; float:left; padding:2px 0 2px 5px; color:#666; font-size:12px;}
#content .left .sumate form input.bt {width:59px; height:15px; padding:0; float:right; display:inline; margin:0;}
#content .left .sumate form textarea {width:389px; height:45px; float:left; padding:2px 0 2px 5px; margin:0 0 10px; display:inline; font-size:12px; color:#666;}

/* CONTACTO */
#content .left .main .formaContacto {width:340px; float:left; display:inline; margin:15px 0 0 20px; border-left:6px solid #BF0909; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea;}
#content .left .main .formaContacto .white {width:140px; height:75px; float:left; text-align:center;}
#content .left .main .formaContacto .grey {width:180px; height:75px; float:left; padding:0 0 0 20px; background:#d5d5d5; font-size:11px; color:#1F1D19;}
#content .left .main .formaContacto .grey a {font-size:10px; color:#1F1D19; text-decoration:none;}
#content .left .main .formaContacto .grey a:hover {color:#BF0909; text-decoration:underline;}
#content .left .main .formaContacto .singleLine {line-height:75px;}
#content .left .main .formaContacto .doubleLine {height:70px; padding-top:25px;}