@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100);
*{margin:0; padding:0;}
a{color:#a72d2c; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
a img{border:none; padding:0; margin:0;}
body { background:#fff; font:300 14px 'Roboto', sans-serif; line-height:100%; color:#505050; padding:0; margin:0;}
h1, h2, h3, h4, h5, h6{color:#fff; font-family:Arial, Helvetica, sans-serif;}
h1{font-weight:bold; font-size:26px; line-height:34px; padding:5px 0 10px;}
h2{font-weight:bold; font-size:22px; line-height:30px; padding:5px 0 ;}
h3{font-weight:normal; font-size:22px; line-height:26px; padding:0 0 10px;}
h4{font-weight:normal; font-size:18px; line-height:24px; padding:0 0 5px;}
h5{font-weight:normal; font-size:16px; line-height:22px; padding:0 0 5px;}
h6{font-weight:normal; font-size:14px; line-height:20px; padding:0 0 5px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#5a5a5a;}
blockquote{font-weight:normal; font-style:italic; font-size:13px; color:#888; padding:10px 0;}
blockquote p{display:inline; font-weight:normal; font-style:italic; font-size:13px; color:#888;}
blockquote:before{content:url("images/quote-start.png"); padding-right:5px;}
blockquote:after{content:url("images/quote-end.png"); padding-left:5px;}
ol{list-style:decimal inside;}
ul{ list-style:none; margin:0;}
ul li{padding:0;}
.right { float : right;}
.left {float : left;}
.text-center {text-align : center;}
.text-right {text-align : right;}
.text-left {text-align : left;}
.text-justify {text-align : justify;}
.clear {clear : both;}
.hr{background:url(images/hr1.gif) repeat-x center center; height:11px; clear:both; margin:0;}
hr { border:0; background:url(images/hr1.gif) repeat-x center center; height: 2px; padding:5px 0;}
.spacer5 { height:5px; font:normal 0px/0px arial; clear:both}
.spacer10 {height:10px; font:normal 0px/0px arial; clear:both}
.spacer15 {height:15px; font:normal 0px/0px arial; clear:both}
.spacer20 {height:20px; font:normal 0px/0px arial; clear:both}
.clear{clear:both}
.red{color:#ed130f;}
.blue{color:#369;}
.grey{color:#999; font-family:Oswald; font-size:22px;}
.cyan{color:#ed130f;}
.font8{font-size:8px;}
.font9{font-size:9px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font30{font-size:30px;}
.capital{text-transform:uppercase;}
.clear {clear : both;}
.hr{background:url(../images/hr1.gif) repeat-x center center; height:11px; clear:both; margin:0;}
hr { border:0; background:url(../images/hr1.gif) repeat-x center center; height: 2px; padding:5px 0;}
.spacer5 { height:5px; font:normal 0px/0px arial; clear:both}
.spacer10 {height:10px; font:normal 0px/0px arial; clear:both}
.spacer15 {height:15px; font:normal 0px/0px arial; clear:both}
.spacer20 {height:20px; font:normal 0px/0px arial; clear:both}
.clear{clear:both}
.capital{text-transform:uppercase;}
.img_left { float:left; margin:0 20px 0 0; border:#2d2d2d solid 3px;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:40px; margin-top: 8px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 20px; margin-top: 8px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top: 8px; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; }

/*------------------------------------------- HEADER STYLES -------------------------------------------*/

#header_wrapper { width:100%; height:auto; background:url(images/top-red-strip.png) repeat-x left top;}
.header { width:960px; height:130px; position:relative; margin:auto;}
.logo a { float:left; width:110px; color:#1f1f1f; font:normal 32px 'Roboto', sans-serif; display:block; text-transform:uppercase; text-decoration:none; padding:15px 0 0 0px;}
.logo a:hover { color:#818080; text-decoration:none;}
.header_shadow { width:955px; height:42px; position:absolute; background:url(images/header-shadow.png) no-repeat bottom center; bottom:-42px; z-index:99999;}

/*-------------------Menu Start------------------------*/

.nav { height:46px; margin:40px 0 0 0px; position:relative; z-index:9999; float:right;}
.nav li { display:inline-block; padding:0; margin:0; float:left;}
.nav li a { text-decoration:none; color:#2d2d2d; font:300 16px 'Roboto', sans-serif; padding:10px 12px; line-height:50px; text-transform:uppercase;}
.nav li a:hover{ color:#85211f; text-decoration:none;}
.nav li .active { color:#85211f;}

.nav ul { z-index:9999; position:absolute; left:-999em; height:auto; background:#d3d3d3; width:240px;}
.nav li li {  display:block; width:240px; }
.nav li li a { display:block; padding:8px 12px; line-height:20px;}
.nav li li a:hover { color:#fff; font: normal 16px 'Roboto', sans-serif; display:block;}
.nav li:hover ul {left:auto;}

/*-------------------Menu End------------------------*/

.banner_wrapper { width:100%; height:414px; background:url(images/banner-bg.png) repeat-x center bottom; margin:1px 0 0 0px; padding:0px;}
#slides {margin:0 auto; width:1349px;}
/*#slides img {max-width:100%;}*/
.slides_container { min-width:1349px; height:394px; overflow:hidden; position:relative; display:none; margin:auto;}
.slides_container div.slide { width:1349px; height:394px; display:block;}
.pagination {margin:0; width:300px; position:relative; left:14.5%; bottom:50px; z-index:99999;}
.pagination li {float:left; margin:0 1px; list-style:none;}
.pagination li a {display:block; width:33px; height:0; padding-top:9px; background-image:url(images/pagination.png); background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

.caption {z-index:500; position:absolute; top:25%; /*left:0;*/ margin:auto; padding:5px 0 0 0; width:960px; font-size:1.3em; line-height:1.33; color:#fff; text-shadow:none; color:#842424; font:normal 30px Roboto;}
.caption h2 { width:450px; color:#842424; font: normal 24px Roboto; text-transform:uppercase; margin:0; padding:0;}
.caption h2 strong { font-weight:bold;}
.caption h3 { width:350px; color:#404040; font: bold 18px Roboto; text-transform:uppercase; margin:0; padding:30px 0 0 0;}

/*------------------------------------------- CONTAINER STYLES -------------------------------------------*/

#wrapper { width:960px; height:auto; margin:auto;}
.container { width:960px; height:auto; margin:20px 0;}
.content { width:717px; margin:0; float:left;}
.content p { line-height:18px; margin:0 0 20px 0; padding:0 15px 0 0;}
.content strong { font-weight:bold;}
.content h1{color:#666666; font:normal 30px 'Roboto', sans-serif; padding:25px 0px; margin:0 0 20px 0px; text-transform:uppercase;}
.content h3 { padding:0; color:#8e2523; font:bold 14px Roboto; text-transform:uppercase; margin:12px 0;}
.content ol { line-height:18px; margin:0 0 20px 0; padding:0 0 0 30px;}
.content ol span { color:#943231;}
.content i { color:#943231; font:bold 14px Roboto; font-style:italic; margin:0 0 10px 0;}
.service_box { width:227px; float:left; margin:0 17px 0 0;}
.service_box h2 { color:#8f2524; font:300 20px Roboto; border-bottom:#e1e1e1 solid 5px; margin:0 0 10px 0;}
.services_list { margin:0; padding:0;}
.services_list li { display:block; background:url(images/red-arrow.png) no-repeat left center; padding:0 0 0 20px; line-height:23px;}
.services_list li a { color:#505050; font:300 16px Roboto; text-decoration:none;}
.services_list li a:hover {color:#8e2523; text-decoration:none;}

/*------------------------------------------- SIDEBAR STYLES -------------------------------------------*/

.sidebar { width:230px; height:auto; float:right;}
.sidebar strong { font-weight:bold;}
.sidebar_box { background:#f6f6f6; border:#fff solid 1px; -moz-box-shadow:0 0 5px #dedede; -webkit-box-shadow: 0 0 5px #dedede; box-shadow: 0 0 5px #dedede; padding:0 0 8px 0; margin:0 0 25px 0; }
.sidebar_box h2 { background:#963332; padding:5px 0 5px 7px; border-bottom:#e0e0e0 solid 5px; color:#fff; font:bold 18px 'Roboto', sans-serif; text-transform:uppercase;}
.sidebar_box h2 span { color:#fff; font:300 18px 'Roboto', sans-serif; text-transform:uppercase;}
.sidebar_box h3 { padding:0 0 0 7px; color:#8e2523; font:bold 14px 'Roboto', sans-serif; text-transform:uppercase; margin:10px 0 5px 0;}
.sidebar p { line-height:18px; margin:0 0 15px 0;}
.compre { margin:0 0 15px 8px; padding:0;}
.compre li { display:block; background:url(images/red-arrow.png) no-repeat left center; padding:0 0 0 20px; line-height:23px;}
.compre li strong { font-weight:bold;}
.compre li a { color:#505050; font:300 13px Roboto; text-decoration:none;}
.compre li a:hover {color:#8e2523; text-decoration:none;}

/*------------------------------------------- INNER PAGE STYLES -------------------------------------------*/

.inn_banner_wrapper{ width:100%; height:165px; background:url(images/banner-bg.png) repeat-x center bottom; margin:1px 0 0 0px; padding:0px;}
.title { width:960px; margin:auto;}
.title h2 { color:#842424; font:bold 36px 'Roboto', sans-serif; padding:45px 0 0 0; text-shadow:1px 1px 1px #fff;}
.title h2 span { color:#842424; font:300 36px 'Roboto', sans-serif; }
.list { margin:20px 0; padding:0;}
.list li { display:block; background:url(images/red-arrow.png) no-repeat 0 5px; padding:0 20px 10px 25px; line-height:20px;}
.list li a { color:#505050; font:300 13px 'Roboto', sans-serif; text-decoration:none;}
.list li a:hover {color:#8e2523; text-decoration:none;}
.marco_juridico { width:100%; background:url(images/black-border.png) no-repeat left top; padding:20px 0 0 0;}
.marco_juridico h4 { color:#505050; font:bold 11px 'Roboto', sans-serif;}
.marco_juridico p { font:600 11px 'Roboto', sans-serif; line-height:14px; padding:0 25px 0 0; word-spacing:1px;}
.banner_img {-moz-box-shadow:0 0 5px #a1a1a1; -webkit-box-shadow: 0 0 5px #a1a1a1; box-shadow: 0 0 5px #a1a1a1; }
.gry_box{ width:390px; background-color:#e9e8e8; float:left; margin:30px 0 0 0; padding:8px; background-image: linear-gradient(to top, #e8e8e8, #faf9f9); font:300 18px 'Roboto', sans-serif;}
.gry_box_full{ width:684px; background-color:#e9e8e8; float:left; margin:30px 0 20px 0; padding:8px; background-image: linear-gradient(to top, #e8e8e8, #faf9f9); font:600 14px 'Roboto', sans-serif;}
.gry_box_inner{ background-color:#e9e8e8; float:left; margin:0; padding:30px 15px; background-image: linear-gradient(to top, #e8e8e8, #faf9f9); border:#fff solid 1px;}
.services { width:265px; margin:30px 0 15px 30px; padding:0; float:left;}
.services li { display:block; background:url(images/red-arrow.png) no-repeat left center; padding:0 0 0 20px;}
.services li span { float:right; padding:6px 0 0 0; }
.services li a { color:#505050; font:600 16px 'Roboto', sans-serif; text-decoration:none; line-height:31px;}
.services li a:hover {color:#8e2523; text-decoration:none;}

.red_box { background:#a72d2c; width:305px; padding:8px 15px; margin:25px 22px 0 0; float:left; min-height:140px;}
.red_box h2 { color:#fff; font: bold 14px 'Roboto', sans-serif; text-transform:uppercase;}
.credito { margin:0; padding:0;}
.credito li { display:block; background:url(images/black-arrow.png) no-repeat 0 5px; padding:0 20px 5px 25px; line-height:20px;}
.credito li a { color:#fff; font:normal 14px 'Roboto', sans-serif; text-decoration:none;}
.credito li a:hover {color:#2f0202; text-decoration:none;}

.red_box_full { background:#a72d2c; width:93%; padding:8px 15px; margin:25px 22px 25px 0; float:left;}
.red_box_full h2 { color:#fff; font: bold 14px 'Roboto', sans-serif; text-transform:uppercase;}
.arrendamientos { margin:0; padding:0;}
.arrendamientos li{display:inline-block; background:url(images/black-arrow.png) no-repeat 0 5px; padding:0 140px 5px 25px; line-height:20px;}
.arrendamientos li a { color:#fff; font:normal 14px 'Roboto', sans-serif; text-decoration:none;}
.arrendamientos li a:hover {color:#2f0202; text-decoration:none;}

.buttons { margin:30px 0;}
.gry_button { background:#d9d9d9; padding:5px; color:#943231; font:bold 14px 'Roboto', sans-serif; text-transform:uppercase; text-decoration:none; border-radius:4px; margin:0 15px 0 0;}
.gry_button img { padding:0 0 0 10px; vertical-align:sub;}
.gry_button:hover { background:#8f2524; color:#fff; text-decoration:none;}

.details { width:90%; line-height:17px; float:left; margin:0 0 20px 0;}
.details h6 { color:#000; font:normal 10px 'Roboto', sans-serif; padding:0; margin:0;}
.details h4 { color:#943231; font:normal 14px 'Roboto', sans-serif; text-transform:uppercase; padding:0; margin:0;}
.details a { color:#9a9a9a; font:normal 12px 'Roboto', sans-serif; text-decoration:none; display:table;}
.details a:hover { color:#a72d2c; text-decoration:none;}

.distribuidor_details { padding:0; margin:0;}
.distribuidor_details h2 { color:#000; font:bold 24px 'Roboto', sans-serif; padding:0; margin:0;}
.distribuidor_details a { color:#505050; text-decoration:none;}
.distribuidor_details a:hover { color:#a72d2c; text-decoration:none;}

.contact { width:95%; margin:30px 0 0 0;}
.address_details { width:280px; float:left;}
.address_details h2 { color:#505050; font:600 24px 'Roboto', sans-serif; padding:0; margin:0 0 20px 0;}
.address_details strong { font-weight:bold;}

.contact_form { width:350px; float:right;}
.contact_form p label{display:block; width:130px; padding:11px 0px; float:left; color:#535454; font:normal 16px 'Roboto', sans-serif;}
.txtfeild{width:355px; height:40px; background:#f0f2f1; border:#e7e7e7 solid 1px; color:#999; padding:0 0 0 10px; margin:10px 0px; box-shadow: inset 0 0 5px #b9baba; -moz-box-shadow: inset 0 0 5px #b9baba;-webkit-box-shadow: inset 0 0 5px #b9baba; border-radius: 3px 3px 3px 3px; border:#dedddd solid 1px;}
.txtarea{width:355px; height:152px; border:#e7e7e7 solid 1px; color:#999; padding:2px 0 0 10px; margin:10px 0px;box-shadow: inset 0 0 5px #b9baba; -moz-box-shadow: inset 0 0 5px #b9baba;-webkit-box-shadow: inset 0 0 5px #b9baba; border-radius: 3px 3px 3px 3px; border:#dedddd solid 1px; background:#f0f2f1;}
.submit_btn{background:url(images/submit-button.png) no-repeat left top; width:126px; height:29px; border:none; cursor:pointer; margin:5px 0 15px 0; color:#fff; text-transform:uppercase; font:normal 22px 'Roboto', sans-serif; text-align:center; padding:0 0 10px 0;}
.note { color:#818181; font:300 12px 'Roboto', sans-serif;}

.description_box { margin:0 0 30px 0;}
.description_box p label { display:inline-block; width:200px;}
.dark_red { background:#953231; color:#fff; height:40px; font:bold 18px 'Roboto', sans-serif; text-transform:uppercase;}
.light_gry { height:30px; background:#f4f3f3; border-bottom:#fff solid 1px;}
.dark_gry { height:30px; background:#d7d7d7; border-bottom:#fff solid 1px;}
.content td { padding:0 0 0 15px;}
.checkbox { margin:0 60px 0 0;}
#checkbox, .ins_checkbox { margin:0 15px 0 0;}
.inputfeild { background:#fff; border:#ccc solid 2px; padding:0 5px; border-radius:3px; width:50px; color:#ccc; font:normal 24px 'Roboto', sans-serif; text-align:center;}

.red { color:#a72d2c; padding:0 0 0 40px;}
.products_box { width:160px; min-height:175px; background-color:#e9e8e8; float:left; margin:20px 17px 0 0; padding:0; background-image: linear-gradient(to top, #8e2020, #c03a38); -moz-box-shadow:0 0 5px #bcbbbb; -webkit-box-shadow:0 0 5px #bcbbbb; box-shadow:0 0 5px #bcbbbb;}
.products_box h3 { color:#fff; font:bold 14px 'Roboto', sans-serif; padding:5px 10px; margin:0;}
.products_box h2 { color:#fff; font:bold 18px 'Roboto', sans-serif; padding:10px 10px; margin:0; background-image: linear-gradient(to top, #782020, #9c2a2a);}
.products_box p { color:#fff; padding:5px 10px 0 10px; font-size:12px;}

#button_end a{ background:url(images/btn_end.jpg) no-repeat top right; padding: 5px 12px 7px 0px;font: bold 14px Roboto; text-transform:uppercase; color:#FFFFFF; height:24px; margin:0; text-decoration:none;}
#button_start { background:url(images/btn_start.jpg) no-repeat top left; padding:5px 0 7px 15px; text-align:right; height:24px; margin:0;}

/*------------------------------------------- FOOTER STYLES -------------------------------------------*/

.footer { width:960px; height:70px; margin:auto; padding:24px 0 0 0; background:url(images/footer-top-shade.jpg) no-repeat top center;}
.footer_nav { width:670px; margin:0; padding:0px; list-style:none; float:left;}
.footer_nav ul { margin:0 0 30px 0; padding:0;}
.footer_nav li { float:left; display:inline-block; line-height:25px;}
.footer_nav li a { padding:0 15px 0 0; text-transform:uppercase; color:#8d8d8d; font:300 16px 'Roboto', sans-serif; text-decoration:none;}
.footer_nav li a:hover {color:#8e2523; text-decoration:none;}
.copyright { color:#8d8d8d; font:300 10px 'Roboto', sans-serif; text-transform:uppercase; padding:10px 0 0 0;}
.social_icons { width:auto; float:right; margin:10px 0 0 0;}

.num_issue_box{position:relative; padding:0 18px 0 0; display:inline-block;}
.num_issue_box .incr{background:url(images/arrow_up.png) no-repeat 0 0 transparent; height:16px; width:16px; position:absolute; top:1px; right:0;}
.num_issue_box .decr{background:url(images/arrow_down.png) no-repeat 0 0 transparent; height:16px; width:16px; position:absolute; bottom:1px; right:0;}
#num_issue_textfield{}