@import "style_clear.css";
@import "style_framework.css";
/* ---- DEFAULT TEMPLATE ----*/
body
{
	background-color:#94C144;
	width:100%;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
a
{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
p
{
}
img
{
	border:none;
}
/*---- COMMON ----*/
#recelca_center
{
	margin:0px auto;
	width:1000px;
	text-align:left;
}
.contacto_background,
.cotizaciones_background,
.clientes_background,
.servicios_background,
.somos_background,
.index_background
{
	width:660px;
	height:660px;
	position:relative;
}
.contacto_background .contacto_header,
.cotizaciones_background .cotizaciones_header,
.servicios_background .servicios_header,
.clientes_background .clientes_header
{
	padding-top:10px;
	padding-left:35px;
	width:100%;
	text-align:left;
}
.button
{
	cursor:pointer;
}
.common_form
{
	
}
.common_form label
{
	font-size:10px;
}
.common_form .label_title01
{
	padding:3px 0px;
	width:100%;
	text-align:right;
	display:inline-block;
}
.common_form .label_title02
{
	padding-left:20px;
	width:100%;
	text-align:left;
	display:inline-block;
}
.common_form .input_short_style
{
	padding:3px 0px;
	width:100%;
	display:inline-block;
}

.input_short_style label
{
	padding-right:10px;
	width:140px;
	text-align:right;
	display:inline-block;
}
.input_short_style input
{
	padding:5px;
	width:70px;
	color:#505050;
	font-family:inherit;
	font-size:11px;
	text-align:left;
	border:1px #4E7900 solid;
	display:inline-block;
	
}
.common_form .input_style_textarea,
.common_form .input_style_select,
.common_form .input_style_checkbox,
.common_form .input_style
{
	padding:8px 0px;
	width:100%;
	display:inline-block;
}
.input_style_checkbox label,
.input_style label
{
	padding-right:10px;
	width:90px;
	text-align:right;
	display:inline-block;
}
.input_style_checkbox label
{
	padding-left:10px;
	width:180px;
	text-align:left;
	line-height:14px;
	display:inline-block;	
}
.input_style_checkbox input,
.input_style input
{
	padding:5px;
	width:180px;
	color:#505050;
	font-family:inherit;
	font-size:11px;
	text-align:left;
	border:1px #4E7900 solid;
	display:inline-block;
}
.input_style_checkbox input
{
	padding:0px;
	padding-left:20px;
	width:20px;
	text-align:right;
}
.input_style_textarea label,
.input_style_select label
{
	padding-left:30px;
	width:280px;
	text-align:left;
	display:block;		
}
.input_style_select select
{
	margin-top:10px;
	padding:5px 0px;
	margin-left:100px;
	width:190px;
	color:#505050;
	font-family:inherit;
	font-size:11px;
	text-align:left;
	border:1px #4E7900 solid;
	display:inline-block;
}

.input_style_textarea textarea
{
	margin-top:10px;
	padding:5px 0px;
	margin-left:30px;
	width:190px;
	color:#505050;
	font-family:inherit;
	font-size:11px;
	text-align:left;
	border:1px #4E7900 solid;
	display:inline-block;
}

 /*---- HEADER -----*/
#header
{
	background-image:url(images/bg_facts.png);
	background-repeat:no-repeat;
	background-position:659px 10px;
	width:1000px;
	height:110px;
	position:relative;
}
#header .header_logo
{
	padding:10px 15px;	
}

#header .header_facts p
{
	top:20px;
	left:720px;
	width:250px;
	height:50px;
	font-size:10px;
	line-height:16px;
	text-align:left;
	position:absolute;
}
/*---- FOOTER ----*/
#footer_optional
{
	width:100%;
	height:120px;
	background-color:#FFF;
	text-align:center;
}
#footer_centering
{
	height:110px;	
	margin:0px auto;
	width:1000px;
	position:relative;
}
#footer_optional .background_pbx
{
	top:20px;
	left:715px;
	position:absolute;
}
#footer_optional .background_title
{
	top:20px;
	left:140px;
	position:absolute;
}
#footer_optional .background_icon
{
	top:20px;
	left:20px;
	position:absolute;
}
#footer_optional .text_pbx
{
	top:40px;
	left:715px;
	position:absolute;
	text-align:left;
}
#footer_optional .text_title p,
#footer_optional .text_pbx p
{
	color: #808080;
	font-size: 10px;
	line-height: 16px;
	text-align:left;
}
#footer_optional .text_title
{
	width:485px;
	height:45px;
	top:40px;
	left:140px;
	position:absolute;
}
#footer
{
	width:1000px;
	height:40px;
	text-align:center;
}
#footer p
{
	padding:20px;
	color:#FFF;
	font-size:10px;
	line-height:14px;
}
/*---- NAVIGATION ----*/
#navigation
{
	background-image:url(images/bg_menu.png);
	background-repeat:no-repeat;
	background-position:right bottom;	
	width:150px;
	height:250px;
	position:relative;
}
#navigation .items
{
	top:65px;
	right:0px;
	width:113px;
	position:absolute;
}
#navigation .items img
{
	height:20px;
	padding-bottom:10px;
}

/*---- SIDEBAR ----*/
#sidebar
{
	width:190px;
	position:relative;	
}
#sidebar .sidebar_background
{
	top:0px;
	bottom:0px;
	width:161px;
	position:absolute;
	z-index:1;
}
#sidebar .sidebar_foreground
{
	top:0px;
	bottom:0px;
	width:161px;
	position:absolute;
	z-index:10;
}
/*---- CONTENT ----*/
#content
{
	width:660px;	
	min-height:250px;
	position:relative;	
}
/*---- INDEX ----*/
.index_background
{
	margin-top:-70px;
	background-image:url(images/bg_index.png);
	background-repeat:no-repeat;
	background-position:center; 	
}
.index_item01,
.index_item02,
.index_item03,
.index_item04,
.index_item05
{
	position:absolute;
}
.index_item01 {top:90px; left:110px;}
.index_item02 {top:105px; left:465px;}
.index_item03 {top:395px; left:495px;}
.index_item04 {top:505px; left:290px;}
.index_item05	{top:410px; left:75px;}
/*---- SOMOS ----*/
.somos_background
{
	height:580px;
	background-image:url(images/bg_somos.png);
	background-repeat:no-repeat;
	background-position:center 350px; 	
}
.somos_background p
{
	top:362px;
	left:50%;
	margin-left:-265px;
	width:530px;
	height:180px;
	color:#FFF;
	font-size:10px;
	line-height:15px;
	text-align:center;	
	position:absolute;	
}
.somos_images
{
	padding-top:25px;
	width:100%;
	text-align:center;
}
/*---- SERVICIOS ----*/
.servicios_background .ui-accordion
{
	margin:20px auto;
	width:550px;
}
.servicios_background h3
{
	padding:4px 0px;
	font-size:10px;
}
.servicios_background .ui-accordion-content
{
	margin:0px !important;
	height:390px;
}
.servicios_background .ui-widget-content
{
	background-color:#FFF;
	background-image:none;
}
.servicios_background .ui-state-active,
.servicios_background .ui-state-default
{
	background-image:url(images/bg_service_off.png) !important;
	background-color:#FFF;
	background-repeat: repeat;
	border:none;
}
.servicios_background .ui-state-active
{
	background-image:url(images/bg_service.png) !important;
}
.servicios_background .ui-corner-top,
.servicios_background .ui-corner-bottom,
.servicios_background .ui-corner-all
{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.servicios_background .ui-accordion-content
{
	border:none;
}
.servicios_background .ui-accordion-header  
{
	margin-top:0px !important;
}
.servicios_background .accordion_content
{
	color:#707070;
	font-size:10px;
}
.accordion_content .content_header
{
	padding-bottom:20px;
	top:145px;
	left:20px;
	width:500px;
	font-size:11px;
	line-height:17px;
	text-align:left;
	display:block;
	position:absolute;
}
.accordion_content .content
{
	padding-bottom:20px;
	top:20px;
	left:20px;
	width:500px;
	font-size:11px;
	line-height:17px;
	text-align:left;
	display:block;
	position:absolute;
}

.accordion_content .content_header p,
.accordion_content .content p
{
	padding:5px 0px;
}

.accordion_content .image_panel01
{
	top:35px;
	left:50px;
	position:absolute;	
}

/*---- CLIENTES ----*/
.clientes_background
{
	height:527px;
}
.clientes_background .clientes_navigator
{
	padding-right:40px;
	height:30px;
	font-size:10px;
	font-weight:bold;
	text-align:right;
	cursor:pointer;
}
.clientes_background .clientes_gallery
{
	margin:0px auto;
	width:600px;
	height:470px;
}
.clientes_gallery .item
{
	background-image:url(images/bg_cliente.png);
	background-repeat:no-repeat;
	margin:7px;
	width:134px;
	height:101px;
	float:left;
}
.background_client_title
{
	top:55px;
	left:190px;
	position:absolute;
}
.background_client_scroller
{
	top:28px;
	left:345px;
	width:490px;
	height:65px;
	display:inline-block;
	position:absolute;
}
.background_client_scroller #scroll_button
{
	top:0px;
	right:0px;
	position:absolute;
}
.background_client_scroller #scroller_allied
{
	width:460px;
	height:65px;
	overflow:hidden;
}
.background_client_scroller img
{
	padding-left:10px;
}
/*---- COTIZACIONES ----*/
.cotizaciones_background
{
	text-align:center;
}
.cotizaciones_background .cotizaciones_form
{
	margin:0px auto;
	width:630px;
	margin-top:20px;
	text-align:left;
}
.cotizaciones_background .cotizaciones_form01,
.cotizaciones_background .cotizaciones_form02
{
	background-color:#76A22A;
	width:630px;
	position:relative;
}
.cotizaciones_background .cotizaciones_form01
{
	height:300px;	
}
.cotizaciones_form01 .column_left,
.cotizaciones_form01 .column_right
{
	position:relative;
}
.cotizaciones_form01 .column_left { width:330px; }
.cotizaciones_form01 .column_right { width:270px; }



.cotizaciones_background .cotizaciones_form02
{
	margin-top:1px;
	height:310px;
}
.cotizaciones_form02
{
	display:none;	
}
.cotizaciones_form02 h3
{
	background-color:#648A24;
	padding:10px;
	font-size:10px;
	font-weight:normal;
}
.cotizaciones_form02 .column_left,
.cotizaciones_form02 .column_right
{
	position:relative;
}
.cotizaciones_form02 .column_left { width:235px; }
.cotizaciones_form02 .column_right { width:394px; }

.column_right .cotizaciones_detail p
{
	width:320px;
	height:130px;
	top:80px;
	left:40px;
	color:#E2FFAF;
	font-size:9px;
	line-height:14px;
	text-align:justify;
	position:absolute;
}
.column_left .cotizaciones_detail p
{
	width:300px;
	height:50px;
	top:210px;
	left:40px;
	font-size:9px;
	line-height:14px;
	text-align:left;
	position:absolute;
}
.column_left .cotizaciones_detail p a
{
	color:#8AEAFF;
}
.cotizaciones_form01 .submit_button,
.cotizaciones_form02 .submit_button
{
	bottom:0px;
	right:0px;
	position:absolute;
}
/*---- CONTACTO ----*/
.contacto_form
{
	margin-top:20px;
	margin-left:15px;
	background-color:#76A22A;
	width:630px;
	position:relative;
}

.contacto_form .column_left,
.contacto_form .column_right
{
	position:relative;
}

.contacto_form .column_left { width:330px; height:300px; }
.contacto_form .column_right { width:270px; }


.contacto_form .contacto_header
{
	font-size:11px;
	line-height:14px;
	text-align:left;
}

.contacto_form .contacto_detail
{
	padding-left:15px;
	width:250px;
	font-size:9px;
	line-height:14px;
	text-align:left;
}
.contacto_form .contacto_detail p
{
	padding:4px 0px;
}

.contacto_form .contacto_detail a
{
	color:#8AEAFF;
}
.contacto_form .submit_button
{
	bottom:0px;
	right:0px;
	position:absolute;
}


/*---- JQUERY APPS ----*/
#sidebar_scroller_equipment,
#sidebar_scroller
{
	padding-left:5px;
	width:140px;
	height:100px;
	position:relative;
}
#sidebar_scroller_equipment img,
#sidebar_scroller img
{
	top:0px;
	left:10px;
	display:none;
	position:absolute;
}
