/* CSS Document */
@import "_reset.css";

body {background:url(../img/core/BG.jpg) repeat-x #000; width:100%; font-family:Arial, Helvetica, sans-serif;}

#wrapper { margin:0 auto; background:url(../img/core/frame.png) no-repeat top center; min-height:900px; max-width:1022px;}
#main { margin:0 auto; background:url(../img/core/box.jpg) no-repeat top center; min-height:900px; width:938px;}
#content {height:565px; margin-bottom:0px;}

#header {padding:81px 0 0 100px;}
#logo {background:#F57900; width:738px; height:118px;}
#logo .bright {background:url(../img/core/LOGO_bright.png) repeat-x;}

#nav { padding:12px 10px 0 80px; height:35px; }
#nav li{ float:left; border-left:#F5DB61 solid 1px;}
#nav li:first-child{ border:none;}
#nav a { color:#F5DB61; font-size:16px; padding:3px 50px; display:block; text-decoration:none;}
#nav a:hover, #nav li.active a{background:#000;}

#sub_nav { padding:0 0 0 60px; margin-top:-18px; position:absolute;}
#sub_nav li{ float:left; width:184px; height:50px; background:url(../img/core/sub_nav.png) no-repeat; margin:0 10px; text-align:center;}
#sub_nav li a{ color:#BFBFBF; font-size:12px; padding:25px 20px 10px 20px; display:block; text-decoration:none;}
#sub_nav li a:hover{ color:#F5DB61;}

#carousel_prod { margin:0 0 0 26px;}
#carousel_prod ul {margin: 0; padding: 0; list-style: none; display: block;}
#carousel_prod li { width:890px; height:574px; padding: 0; display: block; float: left; position:relative;}
#carousel_prod .pager { margin:5px auto; float:right; bottom:60px; position:relative; right:100px;}
#carousel_prod .pager a {margin: 0 5px 0 0; text-decoration: none; display:inline-block;	width:8px; height:8px; background: transparent url('../img/core/carousel_control.png') no-repeat -2px -32px; text-indent:-999em;}
#carousel_prod .pager a.selected {text-decoration: underline; background: transparent url('../img/core/carousel_control.png') no-repeat -12px -32px;}

.panel_L { float:left; width:360px; padding:70px 0 0 60px;}
.panel_L a {color:#FFF3C4; font-size:16px; text-decoration:none;font-weight:bold;}
.panel_L a:hover{color:#F3A615;}
.panel_R { float:left; width:400px; padding-top:70px;}
.sombra { background:url(../img/core/sombra.png) no-repeat left 90px; padding-left:50px;}

#content h1 {color:#F3A615; font-size:30px; border-bottom:3px solid #F3A615; padding:8px 30px 5px 51px; display:inline-block; margin-bottom:15px;}
#content p {color:#FFF3C4; font-size:14px; margin-bottom:10px; margin-left:20px; line-height:17px; padding:0 30px;}

.service_list { padding:70px 0 0 70px;}

/******************PRODUCTOS ****/
#products {width:800px;}

#prod_thumbs {width:800px; overflow:hidden;}
#prod_thumbs img {padding: 4px; margin: 0 12px; cursor: pointer; width:183px; height:280px;}
#prod_thumbs img.selected, #prod_thumbs img:hover {}
#prod_prev, #prod_next {width: 15px; height: 21px; display: block; text-indent: -999em; background: transparent url(../img/core/carousel_control.png) no-repeat 0 0; position:relative;}
#prod_prev {bottom: 160px; background-position: 0 0; margin-left:30px; z-index:9999;}
#prod_prev:hover {margin-left:29px;}			
#prod_next {bottom: 180px; background-position: -18px 0; margin-left: 760px;}
#prod_next:hover {margin-left: 761px;}		

/************************ FORM **********************/
.t_form p{ margin-bottom:15px;}
.t_form td { padding:1px 0;}
.t_form th {padding:4px 10px 0 0; width:100px; vertical-align:top; font-size:12px; color:#FFF3C4; text-align:right;}
.t_form input[type=text], .t_form input[type=file], .t_form textarea { width:16em; border:1px solid #B7B7B7; padding:4px}
.t_form textarea {height:80px; resize: none; margin-top:2px;}
.t_form .button {padding: 2px 15px; border:1px solid #F57900; background-color: #F57900; color:#FFF; margin-top:8px;}
.t_form .button:hover {border:1px solid #FFF; background-color:#FFF; color:#F57900;}
.t_form label.error { color:#FF0000; font-size:10px; display:block; padding:1px 0;}

#alert {color:#FFF;	padding:8px; background:#000; position:absolute; z-index:9999; text-align:center; width:250px; font-size:12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#alert strong{ font-weight:bold;}

#mapa {font-size:11px; color:#333}
#mapa h1{ font-weight:bold; margin-bottom:10px; font-size:11px; border:none; padding:0px; color:#333}


/***************************/
#footer { background:url(../img/core/footer_bg.png) repeat; text-align:center; color:#9B9B9A; padding:14px; margin-top:17px; font-size:11px;}
#aviso { color:#F90; font-size:16px; font-weight:bold; text-align:center; margin-left:200px; margin-top:10px;}
#aviso div { float:left; margin-left:20px;}