@charset "utf-8";



/* RESET */
a{ text-decoration:none; color:inherit;}
a img{border:0;}
ul, li{ margin:0; padding:0;}
.clear{clear:both; font-size:0.1px; height:0.1px;}

h1, h2, h3 { margin:0; padding:0;}

p{ font-size:14px;}


/* LAYOUT MAIN */

h1{
	color:#efb70d;
	font-weight:500;
	margin:0;
	padding:0;
	font-size:35px;
	text-transform:uppercase;
	font-family:'Dosis';
}

h2{
	color:#efb70d;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:15px;
	padding-bottom:15px;
	font-size:30px;
	border-bottom:1px solid #505050;
	text-transform:uppercase;
	font-family:'Dosis';
}

h3{
	color:#596ad0;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:15px;
	padding-bottom:15px;
	font-size:24px;
	border-bottom:1px solid #505050;
	text-transform:uppercase;
	font-family:'Dosis';
}

body, html{
	margin:0;
	padding:0;
	background:url(../img/bg.png);
	font-family:Arial, Helvetica, sans-serif;
	color:#dbdbdb;
}

.container{
	width:960px;
	margin:0 auto;
	background:#222222;
	-webkit-box-shadow:  1px 1px 25px 0px #000000;
	box-shadow:  1px 1px 25px 0px #000000;
}

#header{
	height:90px;
	width:100%;
}

#header h1 .logo{
	float:left;
	margin-left:40px;
	margin-top:5px;
}

#header h1.nombreSite{
	float:left;
	margin-left:30px;
	margin-top:20px;}	


#header .telefono{
	width:150px;
	height:39px;
	background:url(../img/telefono-bg.png) repeat-x;
	float:right;
	margin-right:17px;
	margin-top:17px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding:5px 5px;
	font-size:20px;
	font-family:'Dosis';
	font-weight:600;
	text-align:center;
	line-height:22px;
	color:#363636;
	text-shadow: 1px 1px 0px #facb83;
    filter: dropshadow(color=#facb83, offx=0, offy=1);
}
#header .telefono .icon{
	float:left;
	margin-left:5px;
	
}

.menu {
	width:100%;
	border-bottom:1px solid #000;
	position:relative;
}

.menu ul{
	margin:0; 
	padding:0; 
	width: 100%;
	height:36px;
	display: block;
	background:url(../img/menu-bg.png) top repeat-x;
}


.menu ul li{
	height:36px;
	line-height:36px;
	background:url(../img/menu-bg.png) top repeat-x;
	display: block;
	float:left;
	width: auto;
	text-align: center;
	list-style:none;
	font-family:'Dosis';
	text-transform:uppercase;
	font-weight:600;
	font-size:13px;
	padding:0px 18px;
	
}

.menu ul li:hover, .menu ul li.active{
	background:url(../img/menu-bg.png) bottom repeat-x;
}
.menu ul li a{display:block; width:100%; height:100%;color:#d4d4d4;}

.menu #menuSlider{
	position:absolute;
	bottom:0px;
	background:url(../img/menuSlider-bg.png);
	height:3px;
}


#footer{
	height:102px;
	background:#353538 url(../img/footer-bg.png) bottom repeat-x;
	padding:40px 35px 0px 35px;
}

#footer .footer-logo{
	float:left;
	margin-left:5px;
}

#footer .footer-copy{
	float:left;
	margin-left:15px;
	margin-top:15px;
	width:170px;
	color:#888;
	font-size:11px;	
}

#footer ul.footer-menu{
	float:right;
	font-size:11px;
	color:#888;
	clear:right;
}

#footer ul.footer-menu li{
	float:left;
	margin:10px 30px 10px 0px;
	list-style-type:none;	
}
#footer ul.footer-menu li a{color:#888;}

#footer .separador{
	border-top:1px solid #5e5e61;
	float:right;
	width:380px;
	clear:right;
	margin-right:30px;
}

/* HOME */

ul.slider{
	width:100%;
	background:#323435;
	border-top:1px solid #121314;
	border-bottom:1px solid #121314;
}

ul.slider li .box{
	height:47px;
	line-height:47px;
	width:95%;
	bottom:0px;
	position:absolute;
	z-index:10;
	background:url(../img/slider-box-bg.png);
	text-align:right;
	padding-right:5%;
	color:#ffffff;
	font-size:28px;
	font-family:'Dosis';
}
.home_content{margin-top:30px; margin-left:60px; margin-right:25px;}

.home_img{
	float:right;
	width:395px;
	height:192px;
	background:url(../img/home-bg.png) no-repeat;
}

.home_text{
	width:455px;
	font-size:14px;
	float:left;
}
.home_destacado{
	width:247px;
	height:85px;
	margin-right:50px;
	margin-bottom:25px;
	float:left;
	position:relative;	
}
.home_destacado a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
}

.destacado_equipos{	background:url(../img/home-destacado-equipos.png) no-repeat;}
.destacado_prov{ background:url(../img/home-destacado-proveedores.png) no-repeat;}
.destacado_servicios{background:url(../img/home-destacado-servicios.png) no-repeat; margin-right:0px;}

.home_destacado .ver{
	float:right;
	width:40px;
	height:30px;
	line-height:30px;
	margin-top:30px;
	margin-right:15px;
	background:#3c52c8;
	color:#FFF;
	font-size:14px;
	font-family:'Dosis';
	text-align:center;
	text-transform:uppercase;
	text-shadow: -1px -1px 1px #000;
    filter: dropshadow(color=#000, offx=1, offy=0);
	-webkit-border-radius: 3px;
    border-radius: 3px;
	-webkit-box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, 0.3);
}

.home_destacado .text{
	font-size:18px;
	line-height:18px;
	color:#292929;
	font-family:'Dosis';
	text-transform:uppercase;
	
	width:100px;
	float:left;
	font-weight:600;
	text-shadow: 1px 1px 2px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.destacado_equipos .text{ margin-top:23px; margin-left:75px;}
.destacado_prov .text {margin-top:33px; margin-left:80px;}
.destacado_servicios .text{	margin-top:33px; margin-left:85px;}


/* EQUIPOS */

.equipos_content{
	margin:45px 17px 20px 17px;
}

.table-equipos{
	width:100%;
	border-collapse:collapse;
}

.table-equipos th{
	padding-left:50px;
	height:35px;
	border-top:1px solid #353637;
	background:#2d2e2f;
	font-family:'Dosis';
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	color:#7486f1;
	text-align:left;
	vertical-align:middle;	
}
.table-equipos th.descripcion{ width:255px }
.table-equipos th.marca{ width:270px }
.table-equipos th.descripcion{ width:200px }

.table-equipos td{
	color:#dbdbdb;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
	text-align:left;
	text-transform:uppercase;
	padding:7px 0px 7px 50px;
}

.table-equipos td.marca{ 	color:#d5bc47;  }

.table-equipos tr.impar{ background:#424445; }
.table-equipos tr.par{ background:#37393a; }

/* OBRAS */

.obras_content{
	float:right;
	width:630px;
	margin:45px 17px 20px 17px;
}

.table-obras{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

.table-obras th{
	padding-left:50px;
	height:35px;
	border-top:1px solid #353637;
	background:#2d2e2f;
	font-family:'Dosis';
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	color:#7486f1;
	text-align:left;
	vertical-align:middle;	
}
.table-obras th.ubicacion{ width:33%; }
.table-obras th.comitente{ width:23% }
.table-obras th.trabajos{ width:44% }

.table-obras td{
	color:#dbdbdb;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
	text-align:left;
	text-transform:uppercase;
	padding:7px 0px 7px 50px;
}

.table-obras td.ubicacion{ 	color:#d5bc47;  }
.table-obras td.trabajos{text-transform:lowercase; padding-right:10px;}

.table-obras tr.impar{ background:#424445; }
.table-obras tr.par{ background:#37393a; }


.obras_menu{
	float:left;
	width:250px;
	margin-top:50px;
	margin-left:17px;
}

.obras_menu h3{
	padding-left:20px;
	padding-bottom:15px;
	margin:0;
}
.obras_menu ul{ margin:0; padding:0;}

.obras_menu ul li{
	padding:15px 15px 15px 20px;
	background:url(../img/obras_menu_btn_off.png) 95% 50% no-repeat;
	list-style:none;
	border-bottom:1px solid #494949;
}
.obras_menu ul li a{
	display:block;
	width:100%;
	height:100%;
	font-family:'Dosis';
	font-weight:500;
	font-size:17px;
	color:#696868;
}
.obras_menu ul li:hover, .obras_menu ul li.active{background:url(../img/obras_menu_btn_on.png) 95% 50% no-repeat;}
.obras_menu ul li:hover a, .obras_menu ul li.active a{ color:#b9b9b9;}

/* CLIENTES */

.clientes_content{
	margin:45px 17px 20px 17px;
}


.clientes_content .cliente_caja{
	float:left;
	width:197px;
	padding:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#efb70d;
	text-transform:uppercase;
	font-style:italic;
	text-align:center;
	border-right:1px solid #616364;
}
.clientes_content .cliente_caja p{
	margin:0;
	height:35px;
	font-size:11px;
}

.clientes_content .cliente_caja .img_cont{
	height:56px;
	line-height:56px;
	text-align:center;
	vertical-align:middle;
	margin:0;
}

.clientes_content .claro{
	background:#414445;
}

.clientes_content .oscuro{
	background:#363839;
}

.clientes_content .last{
	border:none;
}

/* GALLERY */

.gallery_content{
	margin:45px 17px 20px 17px;
}

.gallery{
	padding:30px 26px;
	background:#383a3b;
	border:1px solid #424445;
	margin-bottom:20px;
}

.gallery .gallery-slider{
	border:1px solid #424445;	
}

ul.gallery-slider li .box{
	height:37px;
	line-height:37px;
	width:97%;
	bottom:0px;
	position:absolute;
	z-index:10;
	background:url(../img/gallery-descripcion-bg.png) repeat-x;
	text-align:left;
	padding-left:3%;
	color:#ffffff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#dbdbdb;
}

#prev, #next{
	width:35px;
	height:38px;
	display:block;
	float:left;
	text-indent:-9999px;
	margin-top:0px;
}
#prev{background:url(../img/gallery-carousel-arrows.png) top left no-repeat; margin-top:15px;}
#prev:hover{background:url(../img/gallery-carousel-arrows.png) bottom left no-repeat;}

#next{background:url(../img/gallery-carousel-arrows.png) top right no-repeat; margin-top:15px;}
#next:hover{background:url(../img/gallery-carousel-arrows.png) bottom right no-repeat;}

#bx-pager{ float:left; width:90%;}

#bx-pager li{
	float:left;
	display:block;
	width:126px;
	list-style:none;
	margin-right:5px;
}

#bx-pager a{}

/* QUIENES SOMOS */

.quienes_content{
	margin:45px 17px 20px 17px;
}

.quienes_texto{
	color:#dbdbdb;
	margin-bottom:20px;
}

.quienes_texto img{
	margin-right:20px;
	margin-bottom:25px;
	float:left;
	border:1px solid #242424;
}
.quienes_texto h4{ font-size:18px; font-family:'Dosis'; }

.quienes_persona{
	float:left;
	width:410px;
	height:110px;
	background:#1d1d1d;
	padding:20px;
	margin-bottom:25px;
	margin-right:25px;
}
.quienes_persona img{
	float:left;
	border:1px solid #676767;
	margin-right:17px;
}
.quienes_persona h3{ font-size:25px; font-family:'Dosis'; text-transform:uppercase; color:#f1f1f1; margin:0; padding:0; margin-bottom:8px; border:0; font-weight:400;}
.quienes_persona h4{ font-size:18px; font-family:'Dosis'; text-transform:uppercase; color:#efb70d; margin:0; padding:0; margin-bottom:12px; font-weight:400; }
.quienes_persona h5{ margin:0; padding:0;}
.quienes_persona h5 a{ font-size:14px; color:#7081e7; padding:0; font-weight:400; }


/*SERVICIOS */

.servicios_content{
	margin:45px 17px 20px 17px;
}

.servicios_box{
	float:left;
	width:295px;
	height:265px;
	margin-bottom:27px;
	margin:0px 6px 27px 6px;
}

.servicios_title{
	background:url(../img/servicios-box-bg.png) repeat-x;
	height:auto;
	line-height:43px;
	padding:0px 10px;
	font-family:'Dosis';
	font-size:22px;
	color:#0c0c0c;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1);
	text-align:right;
	font-weight:400;
}

/* CONTACTO */

.contacto_content{
	margin:45px 17px 20px 17px;
}

.contacto_content form{
	width:600px;
	float:left;
}

.contacto_content form table{width:50%; float:left;}

.contacto_content form table td{
	width:50%;
	color:#6c7cde;
	font-size:13px;
	vertical-align:top;
	margin:0;
	
}
.contacto_content form input{
	border:1px solid #676767;
	background:#1d1d1d;
	color:#999999;
	font-size:16px;
	padding:5px;
	width:92%;
	margin:7px 0px;
}

.contacto_content form textarea{
	border:1px solid #676767;
	background:#1d1d1d;
	color:#999999;
	font-size:15px;
	padding:5px;
	width:100%;
	height:219px;
	margin:7px 0px;
}
.contacto_content form input.send{
	float:right;
	padding:7px 10px;
	background:url(../img/servicios-box-bg.png)	repeat-x;
	width:100px;
	height:36px;
	font-family:'Dosis';
	font-size:16px;
	font-weight:600;
	color:#0c0c0c;
	text-transform:uppercase;
	cursor:pointer;
	border:none;
}

.contacto_content form table td.contacto_data{ 	color:#FFFFFF; }
.contacto_content form table td.contacto_data a{ 	color:#dca811; }

.contacto_content iframe{ float:right;}

.texto-error{ color:#F00; font-weight:bold;}

/* ARREGLOS PARA RESPONSIVE DESIGN */

@media screen and (min-width:640px) and (max-width:959px) {
	
.container{ width:640px;}	


.menu ul li{ padding:0px 5px; font-size:11px;}


.home_destacado{
	clear:both;
	float:none;
	margin:10px auto;
}

#footer{ padding:20px 15px 0px 15px;}
#footer ul.footer-menu li{ margin: 10px 15px 10px 0px;}
#footer .separador{ width:300px; margin-right:15px; height:1px;}

.quienes_persona{ width:260px; margin-right:10px;}
.quienes_persona img{ width:80px; height:auto;}
.quienes_persona h3{ font-size:20px;}
.quienes_persona h4{ font-size:16px;}
.quienes_persona h5 a{margin-top:0px; font-size:11.5px;}

.servicios_box{ margin:10px 3px;}


.table-equipos th.descripcion{ width:35%;}
.table-equipos th.marca{ width:40%; }
.table-equipos th.descripcion{ width:25%; }


.obras_menu{ margin-top:20px; width: 95%; }
.obras_menu li { width:40%; float:left; margin:0px 10px;}

.obras_content{ width:95%;}

.clientes_content .cliente_caja{ width:260px; }
.clientes_content .last{ border-right: 1px solid #616364;}

.caroufredsel_wrapper{ display:none !important;}

.contacto_content form{ width:100% !important;}

.contacto_content form table{width:50%; float:left;}

.contacto_content iframe{
	float:none;
	width:100%;
	margin-top:20px;	
}
	
}

@media screen and (max-width:639px) {

.container{ width:100%;}	

#header h1.nombreSite{ display:none;}

.menu, .menu ul { height:325px; margin-bottom:20px;}
.menu ul li{ width:100%; padding:0; display:block;}

ul.slider li .box{ font-size:14px; height:20px; line-height:20px;}

.bx-wrapper .bx-controls-direction a{ top:40% !important;}

.home_text{ width:100%;}

.home_destacado{
	clear:both;
	float:none;
	margin:10px auto;
}

#footer{ padding:20px 15px 0px 15px; height:150px;}
.footer-copy{margin-bottom:20px;}
#footer ul.footer-menu li{ margin: 10px 15px 10px 0px;}
#footer .separador{ width:300px; margin-right:15px; height:1px;}

.quienes_texto img{ width:100%; height:auto; }

.quienes_persona{width:350px;}

.servicios_box{ width:100%; height:auto; margin-bottom:10px;}
.servicios_box img{width:100%; height:auto;}

.table-equipos th, .table-equipos td{ padding:4px 5px;}

.obras_menu{ margin-top:20px; width: 95%; }
.obras_menu ul li { width:39%; float:left; margin:0px 10px; padding-left:5px;}

.obras_content{ width:95%;}

.table-obras th, .table-obras td{ padding:4px 5px;}

.clientes_content .cliente_caja{ width:350px; }


.clientes_content .last{ border-right: 1px solid #616364;}

.caroufredsel_wrapper{ display:none !important;}

.contacto_content form{ width:100% !important;}

.contacto_content form table{width:100%; float:left;}

.contacto_content form input{ width:97%}
.contacto_content form textarea{ width:97%;}

.contacto_content iframe{
	float:none;
	width:100%;
	margin-top:20px;	
}