/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body
{
	margin: 0;
	padding: 0;
	border: 0;
	
	vertical-align: baseline;
	font-family:Arial,Helvetica,sans-serif; 
}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
	display: block; 
}
a
{
	color: #408810;
}
ol, ul 
{
	list-style: none; 
}
.aleft{
	text-align:left;
}
table 
{
	border-collapse: collapse;
	border-spacing: 0; 
}
th{
	background:#323232;
	padding:10px;
	color:#FFFFFF;
}
#productos td.name,#productos td.desc{
	padding-top:40px;
}
/*/GLOBAL/*/
body
{
	background:#5168AE;
	background:url(images/bg.jpg);
}
img
{
	
}
.clear
{
	clear:both;
}
.separador
{
	height:1px;
	background:#C8C8C8;
}
.link{
	cursor: pointer;
}
/*/COLOR/*/
.orange{
	background:orange;
}
.lightbrown{
	background:#B78A3C;
}
.purple{
	background:#692A79;
}
.lightblue{
	background:#5182D0;
}
.lightgreen{
	background:#53D316;
}
.pink{
	background:#F14F6F;
}
/*/////////FRAME//////////////////*/

#page_wrapper,header
{
	margin-top:40px; 
}
.wrapper
{
	max-width:1040px;
	margin:0 auto;
	background:#FFFFFF;
}
#main_wrapper.page
{
	position:relative;
	padding:30px 0 20px;
}
#main_wrapper.page.home
{
	padding:0px 0 20px;
}

#header_top
{
	height:40px;
	background:url(images/bg1.gif);
	padding:0 20px;
	
}
#header_top form
{
	float:right;
	line-height:40px;
}
#sub_header
{
	background:url(images/bg2.gif);
	height:69px;

}
#logo
{
	padding:9px 9px 6px;
}
#banner
{
	position:relative;
	background:#F8F8F8;
	max-width:1040px;
	height:580px;
	overflow:hidden;
}
#slider
{
	
	max-height:580px;
	
}
#slider figure
{
	height:471px;
}
#main_wrapper
{
	padding:20px 0 30px;;
}
/*/HEADER/*/
#logo
{
	float:left;
}
#frase{
	position:absolute;
	top:0;
	font-family: 'Oswald',sans-serif;
	font-size:20px;
	font-weight:300;
	color:#FFFFFF;
	padding:5px 0;
	text-align:center;
	text-transform:uppercase;
	background:#393939;
	letter-spacing:1px;
	z-index:9;
	opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
/*/MENU/*/
#main_menu
{
	float:left;
	margin:0 0 0 50px;
}
#main_menu ul
{
	padding:0;
	margin:0;
	height:69px;
	
}
#main_menu a
{
	color:#FFFFFF;
}
#main_menu ul li:first-child
{
	border-left:1px solid #ABABAB;
}
#main_menu ul li
{
	float:left;
	display:block;
	line-height:69px;
	padding:0 20px;
	border-right:1px solid #ABABAB;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
	
}
#main_menu ul li.last{
	border:0;
}
#main_menu ul li:hover,#main_menu ul li.active
{
	background:#408010;
}
#main_menu ul ul li.active
{
	background:none;
}
/*/SUBMENU/*/

#main_menu ul ul
{
	position:absolute;
	margin:0 0 0 -20px;
	background:#222222;
	min-width:150px;
	height:auto;
	display:none;
	z-index:10;
}
#main_menu ul li:hover > ul
{
	display:block;
}
#main_menu ul ul li:first-child
{
	border:0;
	padding-top:10px;
}
#main_menu ul ul li
{
	clear:both;
	border:0;
	line-height:30px;
	cursor:pointer;
}
#main_menu ul ul li:hover
{
	background:none;
	
}
#main_menu ul ul li a:hover
{
	color:#408010;
}
/*/////////////////CYCLE///////////////////////*/
.placeholder
{
	display:hidden;
}
figcaption
{
	font-size:30px;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Oswald',sans-serif;
	font-weight:300;
	color:#636363;
	padding:20px 0;
	background:#F8F8F8;
	
}


img {max-width: 100%;}

#slider {width: 100%; }
#slider figure { width: 100%; }

/*/MAIN/*/
h2
{
	font-size:22px;
	font-family:Oswald,sans-serif;
	font-weight:400;
	color:#9B9B9B;
	
}
h2:first-letter{
	text-transform:capitalize;
}
h3
{
	font-size:18px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:400;
	color:#373737;
	padding:0 0 10px 0;
}

h4{
	font-size:16px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#373737;
	padding:0 0 0 0;
	margin:0;
}
h5{
	font-size:14px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#373737;
	padding:0 0 0 0;
	margin:0;
}
.txt_box p
{
	font-size:12px;
	color:#636363;
	line-height:20px;
}
/*/SERVICIOS/*/
#servicios
{
	min-height:300px;
	padding:50px 0 0;
	
}


#servicios h2
{
	padding:0 0 20px;
}

.item
{
	position:relative;
	padding:10px 0;
}
.item_img
{
	float:left;
	width:32px;
	height:32px;
	margin:0 10px 0 0;
}
.cat_icon{
	position:absolute;
	z-index:2;
	top:143px;
	height:38px;
	width:100%;
	padding:3px;
	opacity:0.85;
filter:alpha(opacity=85); /* For IE8 and earlier */
}
.cat_icon h3{
	margin:0;
	padding:10px 0 0 0;
}
.cat_icon a,.cat_icon a h3{
	color:#FFFFFF;
}
.item .cat_icon img
{
	float:left;
	display:block;
	width:32px;
	margin:0 0 0 5px;
}
.item_txt
{
	float:left;
	padding:0 0 0 10px;
	
}
#servicios .item_txt p
{
	font-size:12px;
	color:#636363;
	line-height:20px;	
	height:80px;
}
.item_txt a
{
	color:#408810;
}
/*/SIDE/*/
#accordion
{
	padding:8px 0 0;
}
#accordion h3 a
{
	font-size:16px;
	line-height:25px;
	font-family:Arial,Helvetica,sans-serif;
	
	font-weight:800;
	color:#676767;
	padding:0 0 10px 30px;	
}
#accordion h3.line
{
	border-top:1px solid #ABABAB;
	padding:10px 0;
	margin:10px 0 0 0;
}

/*/////SIDEMENU//////////////*/
ul.sidemenu,ul.sidemenu ul
{
	margin:0;
	padding:0;
	text-transform:capitalize;
}
li.parent h2
{
	color: #FFFFFF;
	background:#408B10;
  font-family: Oswald,sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding:5px 10px;
}
li.child
{
	padding:5px 10px;
	border-bottom:1px solid #ABABAB;
}
li.child a
{
	color:#696969;
	background:#FFFFFF;
	font-family: Oswald,sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding:5px 10px;
  
	
}
/*/GENERATED UI/*/
#accordion h3[aria-selected='false'] .defaultIcon{
	background-position:25px 0;
}
.defaultIcon,.ui-icon
{ 
	background-image: url(images/plus_minus.jpg);
	width:25px;
	height:25px;
	position:absolute;
}

.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
/**/
.img_box
{
	padding:20px 0;
}
.txt_box
{
	padding:0 5px;
}
#detalles
{
	padding:0 0 30px;
}
#detalles .txt_box p{
	height:100px;
}
#noticias
{
	padding:20px 0;
}

#testimoniales{
	font-size:13px;
}
#noticias h1
{
	font-family:Oswald,sans-serif;
	font-size:30px;
	line-height:58px;
	color:#408810;
	letter-spacing:-2px;
	font-weight:300;
}
#noticias ul li 
{
  background: url("images/list-marker.png") no-repeat scroll 0 -1px transparent;
  padding-left: 30px;
  margin:10px 0;
}
#noticias li
{
	line-height:20px;
	margin:5px 0;
}
#noticias h2
{
	font-weight:300px;
	padding:0 0 20px;
}
.noticia_box
{
	padding:5px 0;
}
.date {
  background: none repeat scroll 0 0 #408810;
  color: #FFFFFF;
  display: block;
  float: left;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 40px;
  height: 74px;
  line-height: 57px;
  margin-right: 13px;
  text-align: center;
  width: 70px;
}
.date span {
  background: none repeat scroll 0 0 #171717;
  color: #FFFFFF;
  display: block;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 10px;
  line-height: 17px;
}
.last_news p
{
	font-size:12px;
	color:#636363;
	line-height:20px;
}
/*/FOOTER/*/
footer
{
	min-height:150px;
	background:#222222;
	max-width:1040px;
	margin:0 auto 30px;
	padding:30px 0;
	color:#FFFFFF;
}
footer h3
{
	font-family:Oswald,sans-serif;
	text-transform:uppercase;
	color:#7B7B7B;
	font-weight:300;
	padding:0 0 20px;
}
.tweet,.social
{
	font-family:lucida,sans-serif;
	color:#9B9B9B;
	font-size:12px;
}
.tweet ul
{
	margin:0;
	padding:0;
}
.tweet a
{
	color:#408810;
}
.social
{
	height:32px;
	line-height:32px;
	margin:0 0 10px;
}

.social img
{
	float:left;
	height:32px;
	display:block;
	
}
.social_txt
{
	float:left;
	height:32px;
	line-height:32px;
	padding:0 0 0 10px;
	font-size:12px;
}
/*/CONTACTO/*/
#contact_title{
	padding-bottom:40px;
}
.contact h3{
	padding:0 10px;
}
.submit
{
	float:right;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: linear-gradient(to bottom, #408810 0%, #408810 100%) repeat scroll 0 0 transparent;
  border-image: none;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 20px;
  padding: 8px 10px;
  text-decoration: none;
}
.contact .note{
	clear:both;
	font-size:10px;
	padding:10px 0;
}
.contact p{
	padding:3px 0;
	margin:0;
	font-size:10px;
}
.contact .box{
	margin:0;
	padding:5px 0;
}
/*//////////////MENSAJE ENVIADO//////////////*/
/*///////////////////////SEND///////////////////////////*/
#float_box
{
	display:none;
	width:500px;
	height:164px;

	 z-index: 10000014;
}
#float_box_2,#float_box_3
{
	display:none;
	width:500px;
	height:500px;
}

#message_box,#message_box_2,#message_box_3
{
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
background:#CCCCCC none repeat scroll 0 0;
display:block;
padding:4px;
color:#666;
}
#inner_box,#inner_box_2,#inner_box_3
{
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#FFFFFF none repeat scroll 0 0;
overflow:hidden;
padding:0;
text-align:left;
}
#inner_box h2,#inner_box_2 h2,#inner_box_3 h2
{
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#EFEFEF none repeat scroll 0 0;
font-size:14px;
color:#666;
height:18px !important;
margin:0 0 4px !important;
padding:8px 10px !important;
}
#inner_box h2 a.close,#inner_box_2 h2 a.close,#inner_box_3 h2 a.close
{
	color:#999999;
float:right;
font-family:tahoma,sans-serif;
font-size:17px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:12px;
margin-top:2px;
text-decoration:none;
text-shadow:1px 1px 1px #FFFFFF;
}
.ok
{
	float:left;
	margin:10px 0 0 10px;
	width:37px;
	height:37px;
	padding:2px;
	border:solid 1px #999;
	text-align:center;
}
.message
{
	margin:10px 0 25px 10px;
	width:370px;
	float:left;
	text-align:justify;
}



/*/PRODUCTOS/*/
#productos table{
	width:100%;
}
#productos table p{
	margin:0;
	padding:0;
}
/*/AJAX/*/
.ui-dialog{
	z-index:1002;
	top:0;
}
.no-close .ui-dialog-titlebar{
	display:none;
}
.dialog_close{
	padding:3px;
	border:1px solid #ABABAB;
	border-radius:4px;
	background:#FFFFFF;
	cursor:pointer;
}
.dialog_close:hover{
	background:#5779D5;
}
.dialog_close .x {
  background-image: url("images/ui-icons_888888_256x240.png");  
}
.dialog_close:hover .x {
  background-image: url("images/ui-icons_ffffff_256x240.png");  
}
.dialog_close .x {
	background-position: -96px -128px;
	width:16px;
  height:16px;
}
#ajax_result{
	width:800px;
}
.ui-widget-overlay {
  background: url("images/ui-bg_flat_50_5c5c5c_40x100.png") repeat-x scroll 50% 50% #5C5C5C;
  opacity: 0.8;
  width:100%;
  height:100%;
  left: 0;
    position: absolute;
    top: 0;
    z-index:1001;
}
/*/DETALLE/*/
#box_detalle{
	height:460px;
	border-bottom: 1px solid #D1D1D1;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    width: 800px;
    z-index: 99999999;
    background:#FFFFFF;
	
}
#detalle_header{
	background:#222222;
	padding:10px;
	line-height:20px;
	color:#FFFFFF;
}
.detalle_content{
	padding:10px 10px 10px 0;
	background:#FFFFFF;
}
#d_image{
	width:350px;
	padding:5px;
}
#d_image img{
	width:350px;
}
#d_text{
	width:420px;
}
#d_desc{
	font-size:12px;
	padding:5px 0 15px;
}
#d_desc p{
	padding:0;
	margin:0;
	font-weight:bold;
	color:#408810;
}
#tabs li,#tabs p{
	font-size:12px;
}
#tabs p{
	padding:0;
	margin:0;
}
.ui-tabs .ui-tabs-panel {
	max-height:270px;
	overflow:auto;
}
/*/VIDEOS/*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom: 10px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*/SIZE/*/
@media only screen and (max-width: 980px)
{
#banner
{
	height:520px;
}
#main_menu
{
	margin:0;
}	
}
@media only screen and (max-width: 880px)
{
#sub_header
{
	height:99px;
}
#main_menu
{
	clear:both;
	height:30px;
}
#main_menu ul
{
	height:30px;
}
#main_menu ul li
{
	line-height:30px;
}
#box_detalle{
	height:460px;
	border-bottom: 1px solid #D1D1D1;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    width: 800px;
    z-index: 99999999;
    background:#FFFFFF;
	
}
}
@media only screen and (max-width: 767px)
{
#banner
{
	height:440px;
}	
#box_detalle{
	height:auto;
	border-bottom: 1px solid #D1D1D1;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    width: 440px;
    padding:10px;
    z-index: 99999999;
    background:#FFFFFF;
	
}
}
@media only screen and (max-width: 640px)
{
#sub_header
{
	min-height:280px;
	
	
}
#main_menu
{
	clear:both;
	height:auto;
	width:100%;
}
#main_menu ul
{
	height:auto;
	width:100%;

}
#main_menu ul li
{
	clear:both;
	width:100%;
	line-height:40px;
	background:#222222;
	border:0;
	text-align:center;
	border-top:1px solid #ABABAB;
}
#main_menu ul li:hover
{
	background:#408010;
}
#main_menu ul li ul
{
	position:relative;
}
#main_menu ul li li:hover
{
	background:none;
}
#main_menu ul li:first-child
{
	border:0;
}
#main_menu ul li ul li
{
	border:0;
}
#box_detalle{
	height:auto;
	border-bottom: 1px solid #D1D1D1;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    width: 440px;
    padding:10px;
    z-index: 99999999;
    background:#FFFFFF;
	
}
}
@media only screen and (max-width: 470px)
{
#frase{
	display:none;		
}
#banner
{
	height:350px;
}
#box_detalle{
	height:auto;
	border-bottom: 1px solid #D1D1D1;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    width: 300px;
    padding:10px;
    z-index: 99999999;
    background:#FFFFFF;
}	
#d_text{
	width:280px;
}
#d_image,#d_image img{
	width:280px;
	padding:0;
}
}
/*/CONTACTO/*/
label.error
{
	position:absolute;
	top:10px;
	right:20px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0;
	text-align:right;
	color:red;
}
.input_box{
	position:relative;
}