@charset "utf-8";
/* CSS Document */

body { background-color: #fff;  /*background:url(../images/bg_body_campero_tree.png) repeat;*/ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; height: auto; background-color: #ffffff }

.container {position:relative; float:none; margin-left:auto; margin-right:auto; min-width:992px; width:100%; height:auto }

.content{position:relative; float:left; width:100%; height:auto}

/************************* header *****************************/

.header{position:relative; float:left; width:100%; height:200px; margin-top: 30px; }

.content_header{position:relative; width: 992px; height:200px; }

.top_header{position:relative; width: 992px; height:144px; }

.logo_targuet{ position:relative; float:left; width:503px; height: 144px; }

.call_center{ position:relative; float:right; width:290px; height:72px; margin-top:20px}

.call_center p{ margin:0; color:#ffffff; font-size:15px; font-weight:normal; font-style:oblique}

.bg_call_center{ position:relative; background:url(../images/bg_call_center_phono_tree.png) no-repeat; width:202px; height:55px; padding-left:90px; padding-top:7px}

.bg_call_center p{ margin:0; color:#FFF; font-size:36px; font-style:oblique; text-shadow: 2px 2px #969696;}

.box_menu{ position:relative; float:left; width: 980px; height:48px; background-color:#003777;  box-shadow: 0 0 70px #003777 inset; border-radius: 10px 10px 10px 10px; padding:7px;}

.bg_menu{ position:relative; float:left; width:100%; height:46px; border-radius: 10px 10px 10px 10px; background:url(../images/bg_menu_main.png) repeat-x}

.menu{ position:relative; float:left; width: 100%; height:46px;}

.menu ul{padding: 0; margin:0; /*margin-top: 10px;*/ float:left }

.menu li{ position:relative; float:left; display: inline-block; padding-top: 10px; margin: 0; width:105px; /*color:#919191; color:#434343;*/ text-shadow: 0px -2px #ffffff; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; text-transform:none; cursor:pointer}

.bg_separator_menu{ position:relative;  background: url(../images/bg_separator_menu.png) no-repeat; width:2px !important; height:46px; /*margin-top:-10px !important*/}

/*.menu li:hover{ position:relative;  float:left; display: inline-block; padding-top: 10px; margin: 0; background: url(../images/bg_hover_menu.png) repeat-x; width:105px; height:46px; color:#004c93; }*/ 

.home{ position:relative; float:left; display: inline-block; padding-top: 10px; margin: 0; width:105px; color:#919191; font-size:14px;  cursor:pointer }

.home:hover{ position:relative;  float:left; display: inline-block; padding-top: 10px; margin: 0; background: url(../images/bg_hover_menu.png) repeat-x; width:105px; height:36px; color:#004c93; border-radius: 10px 0px 0px 10px; }

.home_selected{ position:relative;  float:left; display: inline-block; padding-top: 10px; margin: 0; background: url(../images/bg_hover_menu.png) repeat-x; width:105px; height:36px; color:#004c93 !important; border-radius: 10px 0px 0px 10px; }

.about{ position:relative;  float:left; display: inline-block; padding-top: 10px; margin: 0; width:105px; height:46px; color:#919191 !important;}

.about:hover{ position:relative;  float:left; display: inline-block; padding-top: 10px; margin: 0; background: url(../images/bg_hover_menu.png) repeat-x; width:105px; height:46px; color:#004c93 !important;}

.about_selected{ position:relative;  float:left; display: inline-block; padding-top: 10px; margin: 0; background: url(../images/bg_hover_menu.png) repeat-x; width:105px; height:46px; color:#004c93 !important; }

.social_networks{ position:relative; float:right; width:165px; height:46px; }

.social_networks label{ position:relative; float:left; margin: 10px 10px 0 0; padding: 0; color: #3c79bd; font-size: 18px; font-style: oblique}

.social_networks img{ margin-top: 10px; margin-right:10px}

/********************************* end header **************************************/

/************************* content ****************************/

.content_layout{position:relative; float:left; width:100%; height:auto; }

.content_main{ position:relative;  width:100%; height:auto; background:url(../images/detail.png) no-repeat; }

.content_home{position:relative; width:982px; _width:982px; margin:0px; min-height: 512px; margin-top:20px; /*border-radius: 10px 10px 10px 10px; background:#efefef*/}

.box_home{ position:relative; float:left; width:962px; _width:962px; margin:0px; min-height: 492px; padding: 10px; border-radius: 10px 10px 10px 10px; background:#efefef}

.content_slider{ position:relative; width:962px; _width:962px; margin:0px; min-height: 492px; }

.title_slider{ position: absolute; top: 305px; left: 49px; width: auto; height: auto; background-color: rgba(251, 94, 0, 0.8); /*background-color: #da5d11;*/ color: #FFF; font-size: 48px; padding-left: 15px; padding-right: 19px;}

.description_slider{ position: absolute; top: 380px; left: 49px; width: 576px; height: 71px; background-color: rgba(251, 94, 0, 0.8); /*background-color: #f6782d;*/ color: #FFF; font-size: 14px; text-align:left; padding-left: 15px; padding-right: 19px; padding-top: 15px;}
/********************************* end content ***********************/

/******************************* carousel  ***************************/

.carousel_distributor{ position:relative; float:left; width:982px; height:220px; margin-top:10px; border-radius: 10px 10px 10px 10px; background:#efefef}

.box_title_carousel{ position:relative; float:left; width:982px; height:45px; }

.detail_carousel{ position:relative; float:left; background:url(../images/detail_line_carousel.png) no-repeat; width:240px; height:3px; margin-top:30px; margin-left:40px;}

.title_carousel{ position:relative; float:left; background:url(../images/title_distributor_autorized_four.png) no-repeat; width:346px; height:22px; margin-top:18px; margin-left:35px}

.box_carousel{ position:relative; float:left; background-color: #003777; /*background:url(../images/bg_carousel.png) repeat-x;*/ width:951px; height:165px; margin-left:15px; border-radius: 10px 10px 10px 10px;}

.prev{ position:relative; float:left; background:url(../images/prev_carousel.png) repeat-x; width:35px; height:51px; top:60px; left:-5px; border:none; cursor: pointer}

.prev:hover{ position:relative; float:left; background:url(../images/prev_carousel_hover.png) repeat-x; width:35px; height:51px; top:60px;  left:-5px; border:none; cursor: pointer}

.next{ position:relative; float:left; background:url(../images/next_carousel.png) repeat-x; width:35px; height:51px; top:60px; left: 3px; border:none; cursor: pointer}

.next:hover{ position:relative; float:left; background:url(../images/next_carousel_hover.png) repeat-x; width:35px; height:51px; top:60px; left: 3px; border:none;  cursor: pointer}

.carousel{ position: relative; float: left; width: 883px; height: 124px; top:20px;}

.box_image_carousel{  position:relative; float:left; background:url(../images/box_image_carousel.png) repeat-x; width:182px; height:124px; margin-right: 30px;}


/****************************** end carousel ****************************/

/************************ footer *****************************/

.footer{ position:relative; float:left; width:100%; height:auto; margin-top:10px; /*background-color:#000c17;*/ margin-bottom:25px; clear:both}

.content_footer{position:relative; background-color: #e7590d; /*background:url(../images/bg_footer_tree.png)  repeat;*/ width:982px; /*height:163px;*/ height:auto; border-radius: 10px 10px 10px 10px; /*padding: 20px*/}

.content_footer_top{ /*background:url(../images/bg_footer.png) repeat-x;*/ float:left; width:982px; height:500px; border-radius: 10px 10px 10px 10px; }

.content_footer_bottom{ position:relative; /*background:url(../images/bg_footer.png) repeat-x;*/ width:100%; height:100%; border-radius: 10px 10px 10px 10px;}

.content_footer_left{ position: relative; float: left; width: 440px; height:auto; /*height: 120px;*/ margin-right:50px; text-align:left; z-index:99; }

.detail_footer_left{ width: 10px; height:auto; background-color: #efefef}

.text_address{ width: 490px; height: auto; text-align: left}

.text_address p{ margin: 0; color: #ffffff; font-size: 14px;}

.content_footer_center{ position: relative; float: left; width: 225px; height: 120px; z-index:99;}

.content_footer_center_top{ position: relative; float: left; width: 185px; height: 70px; }

.detail_footer_center_top{ position: relative; float: left; width: 10px; height: 70px; background-color: #efefef}

.text_address_center_top{ position: relative; float: right; width: 160px; height: 70px; text-align: left}

.text_address_center_top p{ margin: 0; color: #ffffff; font-size: 14px;}

.content_footer_center_bottom{ position: relative; float: left; width: 225px; height: 38px; padding-top:10px; }

.detail_footer_center_bottom{ position: relative; float: left; width: 10px; height: 38px; background-color: #efefef}

.text_address_center_bottom{ position: relative; float: right; width: 200px; height: 38px; text-align: left}

.text_address_center_bottom p{ margin: 0; color: #ffffff; font-size: 14px;}
 
.content_footer_right{ width: 130px; height: 40px; margin-top: 80px; z-index:99;}

.content_footer_right p{ margin: 0; color: #ffffff; font-size: 14px;}

/********************** press  *******************************/

.content_notice{ float:left; width:100%; height:auto; margin-bottom:20px; }

.content_notices{ position:relative; float:left; left:30px; width:900px; height:auto; border-bottom:1px solid }

.image_notice{ float:left; width:auto; height:auto; margin-bottom:10px}

.descrip_notices{ position:relative; float:left; left:30px; width:600px; height:auto; text-align:justify; font-size:14px; color:#003075; }

.title_notice{ float:left; width:100%; height:40px; text-align:left; font-size:25px; font-weight:bold; color:#1e76c2;}

.read_more{ float:right; width:auto; height:30px; font-size:12px; font-weight:bold; color:#e78e0d; text-decoration:underline}

.read_more:hover{ text-decoration:underline}

/********************** error login *************************/

.error{ color: red; font-size: 10px}

input[type="text"], input[type="password"], textarea, select {
outline: none;
}
