@charset "utf-8";
/* CSS Document */
/*General CSS structure and layout*/
/*---------------------------------------------------------------------------
----------Default styles----------

1. typography and default
2. basic columns and margin adjust classes
3. image styles
4. button styles
5. divider style
----------Index page styles----------
6. tagline_bg
	6.1 tagline
			- tagline for template
			- call
			
Wrapper includes following ------
7. header_top
			- logo
			- social links
8. header
			- header_left
			- header_right
9. slideshow - nivo slider
10. content
			- column_2_first for about text
			- column_2_last for list, button and video
11. features
12. content_bottom
			- testimonial - cycle plugin
			- subscribe
13. gallery - fancybox
14. footer
			- column_3 for twitter
			- column_3 for contact form
			- column_3 for call
15. copyright_bg
	15.1 copyright
			- copyright text
			- general links

---------------------------------------------------------------------------*/
body {
	background: #EBEDEC;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #575757;
	font-weight: normal;
	line-height: 1.6em;
}
.clear {
	clear:both;
}
/*1.typography and default*/
/*---------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	color: #000000;
	line-height: 1.3em;
	font-weight: bold;
}
h1 {
	font-size: 20px;
	margin-bottom: 15px;
}
h2 {
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #1A3E72;
}
h3 {
	font-size: 14px;
	margin-bottom: 15px;
}
h4 {
	font-size: 14px;
	margin-bottom: 10px;
}
h5 {
	font-size: 12px;
	margin-bottom: 7px;
}
a {
	color: #525252;
	text-decoration: none;
	cursor: pointer;
}
/*2.basic columns and margin adjust classes*/
/*---------------------------------------------------------------------------*/
/*two columns*/
.column_2 {
	width: 460px;
	margin-right: 20px;
	float: left;
}
/*three columns*/
.column_3 {
	width: 300px;
	margin-right: 20px;
	float: left;
}
/*four columns*/
.column_4 {
	width: 220px;
	margin-right: 20px;
	float: left;
}
/*twothird and onethird columns*/
.column_onethird {
	width: 300px;
	margin-right: 20px;
	float: left;
}
.column_twothird {
	width: 620px;
	float: left;
}
/*columns threefourth and onefourth*/
.column_onefourth {
	width: 220px;
	margin-right: 20px;
	float: left;
}
.column_threefourth {
	width: 700px;
	margin: 0;
	float: left;
}
/*-----margin adjust classes-----*/
.alpha {
	margin-right: 0px !important;
}
.beta {
	margin-bottom: 0px !important;
}
/*3.image styles*/
/*---------------------------------------------------------------------------*/
.image_left {
	float: left;
	margin-right: 15px;
}
.image_right {
	float: right;
	margin-left: 15px;
}
/*4.button styles*/
/*---------------------------------------------------------------------------*/
/*adjust margins of button while using them some other place
refer customization tips in help document*/

/*---button_1 / big cta button---*/
.button_1 {
	background: url(../images/cta-btn-sprite.png) no-repeat 0 0;
	width: 296px;
	height: 36px;
	padding: 20px 10px;
	/*margin: 30px auto 8px auto;*/
	border: none;
	text-align: center;
}
.button_1 a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 26px;
	color: #a05629;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3em;
	text-shadow: none;
	display: block;
}
.button_1:hover {
	background: url(../images/cta-btn-sprite.png) no-repeat 0 -76px;
}
/*---button_2 / download button---*/
.button_2 {
	background: url(../images/download-btn-sprite.png) no-repeat 0 0;
	width: 180px;
	height: 22px;
	padding: 10px;
	margin-top: 20px;
	text-align: center;
	border: none;
	float: left;
}
.button_2 a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #a05629;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3em;
	text-shadow: none;
	display: block;
}
.button_2:hover {
	background: url(../images/download-btn-sprite.png) no-repeat 0 -42px;
}
/*5.divider style*/
/*---------------------------------------------------------------------------*/
.divider {
	background: url(../images/divider.png) repeat-x;
	width: 940px;
	height: 2px;
	float: left;
}
.divider_vert {
	background: url(../images/vertical-divider.png) no-repeat;
	width: 2px;
	height: 142px;
	float: left;
}
/*----------------------------------------*/
/*Index page style*/
/*----------------------------------------*/

/*6.tagline*/
/*---------------------------------------------------------------------------*/
#tagline_bg {
	background: #000000;
	width: 100%;
}
#tagline {
	width: 940px;
	margin: 0 auto;
	padding: 10px 0px;
	font-size: 12px;
	color: #fffc00;
	text-shadow: none;
}
#tagline p {
	float: left;
}
#tagline p.call {
	float: right;
}
/*----------wrapper----------*/
#wrapper {
	width: 940px;
	margin: 0 auto;
}
/*7.header_top*/
/*---------------------------------------------------------------------------*/
#header_top {
	width: 100%;
	padding: 0px 0px 50px 0px;
	margin:auto;
		background: url(../images/home/bg_menu.png) no-repeat top center;
		height:auto;

	
}

#header_top ul {
	padding-top: 10px;

}
#header_top ul li {
	padding-left: 4px;
	background: none;
	list-style: none;

}

#header_up{
	width: 964px;
	margin:auto;
	z-index:999999;
	background: url(../images/home/bg_menu.png) no-repeat top center;
}

#header_up_up{
	width: 964px;
	background: url(../images/home/bg_menu.png) no-repeat top center;
z-index:999999;
	position:absolute;
}

#logo {
	float:left;
	position:relative;
	margin: 10px 0 0 20px;
}

#facebook-btn{
	float:right;
	width: 80px;
	margin-right:200px;
	margin-top:10px;
}

#emergencias{
	float:right;
	width: 172px;
	height:83px;
	margin-right:16px;
	margin-top:-32px;
}

#menu{
font-size:11px;
float:left;
width:490px;
height:20px;
margin-left:28px;
margin-top:-10px;
}

#menu ul{
font-size:11px;
width:600px;
float:left;
}

#menu ul li{
font-size:11px;
float:left;
padding: 10px;
}

#menu ul li {
font-size:11px;
float:left;
padding: 10px;
}

#menu ul li a{
color: #ccc;
}

#menu ul li a:hover{
color: #fff;
}

#menu ul li a.active {
font-weight:bold;
color:#fff;
}

#slider-2{
width:964px;
z-index: 0;
margin: auto;

line-height:0;
}

#slider-2-down{
width:964px;
position:absolute;


line-height:0;
}

#banner{
width: 964px;
float:left;
/*margin-left:158px;*/
margin-top:50px;
}

#banner img{
margin: 0 0 0 2px;
border:none;
}

#sombra-banner{
width: 964px;
float:left;
/*margin-left:158px;*/
margin-top:0;
line-height:0;
}

#sombra-banner img{
margin: 0;
border:none;
}

#divide{
background: url(../images/home/bg_oval.png) no-repeat top center;
margin-top:480px;
height:31px;
}

#middle-home-int{
width:964px;
margin:auto;
height:auto;
background-color:#FFF;

}

#middle-home{
width:100%;
background-color:#FFF;
margin-top:0px;
height:240px;

}

#middle-home-2{
width:100%;
background-color:#FFF;
margin-top:0px;
height: 100%;

min-height: 910px;
}

#middle-home-3{
width:100%;
background-color:#FFF;
margin-top:0px;
height:650px;

}

#banner-ss{
width:896px;
margin-left:40px;
float:left;
}


#txt-ss{
width:660px;
float:left;
margin-left: 180px;
}

#txt-ss p{
width:600px;
text-align:justify;
margin-left:60px;
}



.col-home{
width: 300px;
float:left;
margin-left:18px;
margin-top:-4px;
}

.col-home a, a:hover, a:visited{
color:#1A3E72;
}


#footer {
width: 100%;
height:28px;
background-color:#1A3E72;
}

#footer-int {
width: 964px;
margin: auto;
color: #FFF;
font-size: 10px;
}

#copy{
float:left;
width: 390px;
margin-left:30px;
margin-top:5px;
}

#creditos{
float:right;
width: 130px;
margin-right:30px;
margin-top:5px;
}

#creditos a, a:hover, a:visited{
color:#ccc;
}

.desc_banner{
width: 300px;
text-align:center;
height:auto;
margin-top:7px;
}

.boton{
width: 300px;
text-align:center;
height:20px;
margin-top:7px;
}

/*----internas-----*/

#header_top_int {
	width: 100%;
	padding: 0px 0px 50px 0px;
	margin:auto;
		background: url(../images/quienes_somos/quienes_somos_02.gif) no-repeat top center;
		height:83px;

	
}

#header_top_int ul {
	padding-top: 10px;

}
#header_top_int ul li {
	padding-left: 4px;
	background: none;
	list-style: none;

}

#header_up_int{
	width: 964px;
	margin:auto;
	z-index:999999;
	background: url(../images/quienes_somos/quienes_somos_02.gif) no-repeat top center;
}

#header_up_up_int{
	width: 964px;
	background: url(../images/quienes_somos/quienes_somos_02.gif) no-repeat top center;
z-index:999999;
	position:absolute;
}

#col-izq-1-2{

width: 540px;
float:left;
margin-top:30px;
margin-left:40px;
}

#col-der-2-2{

width: 260px;
float:left;
margin-top:30px;
margin-left:40px;
}

#text-qs{
width: 540px;
margin-top:20px;
float:left;
}

#text-qs{
width: 510px;
margin-top:20px;
float:left;
text-align:justify;
}

#img-qs{
margin-left:70px;
width:540px;
margin-top:30px;
}

.col-home-2{
width: 300px;
float:left;
margin-left:18px;
margin-top:20px;
}

.col-home-2 a, a:hover, a:visited{
color:#1A3E72;
}

#title-page-main{
float:left;
margin: 30px 0 0 40px;
width:100%;
}

.item{
float:left;
width:960px;
margin-top:30px;
margin-left:40px;
}

.col-item-der{
float:left;
width:188px;
}

.desc-item-izq{
float:left;
width:642px;
margin-left:40px;
}

.title-item{
width:642px;
text-align:center;
float:left;
height:27px;
background: url(../images/venta/bg_titulo.jpg) no-repeat top center;
}

.title-item p{
margin-top:5px;
color:#fff;
font-weight:bold;
}

.txt-item{
width: 642;
float:left;
height:auto;
margin: 15px 0 15px 0;
}

.marcas{
width:534px;
float:left;
}

.btn-contacto{
width:70px;
float:right;
}




#col-izq-1-2-contact{

width: 450px;
float:left;
margin-top:30px;
margin-left:40px;
}

#col-der-2-2-contact{
width: 400px;
float:left;
margin-top:30px;
margin-left:40px;
}

#up-mapa{
width:402px;
z-index:9999;
position:absolute;
}

#google-maps{
width:402px;
z-index:1;
}

#info-contact{
background: url(../images/contact/bg_info.jpg) no-repeat top center;
width:402px;
height:173px;
margin-top:30px;
}

#text-form-up{
float:left;
margin-top:10px;
}



#nom-company{
}

#datos-contacto{
}

#email-contacto{
}


/*8.header*/
/*---------------------------------------------------------------------------*/
#header {
	width: 940px;
	padding: 30px 0px;
	float: left;
}
#header h1 {
	margin-bottom: 5px;
}
#header span {
	color: #057303;
}
p.style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
/*---header_left---*/
#header_left {
	width: 520px;
	margin-right: 51px;
	margin-top:10px;
	float: left;
}
#header_left ul {
	margin-top: 30px;
}
#header_left ul li {
	width: 140px;
	margin-right: 50px;
	float: left;
}
.title {
	background: url(../images/header-feature-bg.png) no-repeat top left;
	width: 130px;
	height: 28px;
	padding: 5px;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.4em;
	text-shadow: none;
	text-transform: uppercase;
}
/*---header_right---*/
#header_right {
	width: 316px;
	margin-left: 51px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	text-align: center;
	float: left;
}
/*9.slideshow*/
/*---------------------------------------------------------------------------*/
#slideshow {
	width: 940px;
	height: 350px;
	margin: 30px 0px;
	border-top: 1px solid #ffffff;
	border-bottom: 5px solid #000000;
	float: left;
	position: relative;
	z-index: 9;
}





#formulario {
float:left;
margin-left:20px;
/*margin-bottom:195px;*/
width:339px;
height:340px;
margin-top:30px;

}

#form-int{
float:left;
margin-top:15px;
}

	.estilo_btn{
		width:73px;
		height:26px;
		background-image:url(../images/contact/btn_enviar_contact.jpg);
		background-repeat:no-repeat;
		background-color:#E3E3E3!important;
		border:0px;
		cursor:pointer;
		margin-left:303px;
		margin-top:30px;
		}

	#espacio_about_fila1_iswag_formulario_fila{
		width:450px;
		height:25px;
		float:left;
		margin-top:10px;

		}
	
	.espacio_about_fila1_iswag_formulario_fila_doble{
		width:355px;
		height:85px;
		float:left;
		margin-top:25px;
		}
	
	#espacio_about_fila1_iswag_formulario_fila_izq{
		width:80px;
		height:18px;
		float:left;	
		padding-top:3px;
		margin-left:30px;
		color:#000000;
		}
	
	#espacio_about_fila1_iswag_formulario_fila_der{
		width:300px;
		height:25px;
		float:left;	
		/*background-color:#033;*/
		}

		

form fieldset {
	border: none;
	background: none;
}
form  fieldset p {
	background: none;
	padding: 0;
	margin: 0;
	display: block;
}
form  label {
	width: 78px;
	color: #222;
	text-align: left;
	/*line-height: 2.2em;*/
	float: left;
	font-family:Arial, sans serif;
	font-weight:bold!important;
}
form  input {
	
	width: 250px;
	height: 18px;
	padding: 5px;
	margin-bottom: 7px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.4em;
	text-shadow: none;
	border: 1px solid #ccc;
	outline: none;
	float: left;
}
form textarea {
	background: #ffffff;
	width: 250px;
	height: 90px;
	padding: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.4em;
	text-shadow: none;
	border: 1px solid #ccc;
	outline: none;
	float: left;
}


/*label.error is not used for this template*/
form.estilo_caja_texto label.error {
	width: 0px;
	font-size: 0px;
	line-height: 0em;
	display: none !important;
}
form.estilo_caja_texto input.error {
	border: 1px solid #d08585;
}
form.estilo_caja_texto textarea.error {
	border: 1px solid #d08585;
}
form.estilo_caja_textom #result {
	width: 300px;
	float: left;
	text-align: right;
}
/*---styles for call in footer---*/
p.style2 {
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
}
p.style3 {
	font-size: 24px;
	color: #000000;
	padding-top: 5px;
}
/*----------contacto---------*/

#nom-company{
float:left;
margin:20px 0  0 20px;
color:#1A3E72;
font-weight:bold;
width:250px;
}

#datos-contacto{
float:left;
width: 367px;
margin-top:15px;
margin-left:20px;
}

#der-dir{
float:left;
width: 226px;
}

#izq-dir{
float:left;
width: 139px;
}

#email-contacto{
float:left;
margin-top:15px;
margin-left:20px;
}
.marca_img{
    max-height: 60px;
	
    padding: 0 10px;
    width: 80px;
}
.whatssup{
    background: url(../images/whatsapp.png) no-repeat scroll 100% 0;
	
    padding: 20px 20px 0 0;
}