* { margin: 0; padding: 0; outline: 0; }
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'open_sansbold';
    src: url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
    src: url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family:'open_sanslight';
    src: url('../fonts/opensans_light_macroman/OpenSans-Light-webfont.eot');
    src: url('../fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*--- light-font ---*/
/*--- regular-font ---*/
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*--- regular-font ---*/
body, html { height: 100%; }

body {
	font-size: 0.9em;
	line-height: 22px;
	font-family: 'open_sansregular';
	color: #5F5F5F;
	min-width: 100%;
	margin:0;
	padding:0;
	 

}
a{ text-decoration:none;}
a img { border: 0; }
a.more { color: #2b9208; text-decoration: underline; padding-left: 11px; background: url(images/arr-ico.png) no-repeat 0 5px; }
a.more:hover { text-decoration: none;  }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.line { height:1px; background:#b7b7b7; margin:20px 0; display:block; clear:both;}

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, footer, header, menu, nav, section { display: block; }
ul{
	    list-style: none;
    
	}

.borde1{ border:#CCC 1px solid; padding:5px;}

#content{ width:1100px; margin:0 auto; }

.contenedor { width:1080px; margin:0 auto;}

.padd20{ padding:20px;}
.padd30{ padding:30px;}

	h2,h3,h4, h5{font-family: 'Dosis', sans-serif;}

	h2{color: #fff; font-size: 18px; margin: 16px 0;  font-weight: 700; }
	h3{ color:#313a43; font-size:24px; font-weight:700; margin:15px 0; display:block;}
	h4{font-size:25px; font-weight:400; color:#323865;}
		.sub1:after{ content:''; height:2px; width:50px; background:#0ba7dd; display:block; margin:15px 0;}
	h5{ color: #00a9e9; font-size:26px; font-weight:400; margin:20px 0;}
	h6{ color: #5f5f5f; font-size:15px; font-weight:400; margin:20px 0;}

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.padd10{ padding:10px;}
.padd15{ padding:10px 15px;}
.padd50{ padding:50px;}
.padd60{ padding:60px;}
 
	
.relative{ position:relative;}

 
/***********************HEADER ****************************/
#logo{ position:absolute; top:0; left:50%; margin-left:-156px; z-index:3;}
#logo a{
    display: block;
    background: url(../images/codesa.png) no-repeat 0 0;
    width: 312px;
    height: 156px;
	font-size:0;	
	}
#header{ position:absolute;  width:100%; z-index:9; padding:0 0 5px 0;}
#navigation { position:absolute; background: url(../images/bg-menus.png) repeat-x; width:100%; z-index:2; border-top:#1e1e1e 2px solid; border-bottom:#008aba 1px solid;}
#navigation ul{ text-align:center;}
#navigation li{ display:inline-block; margin:8px 15px;}
#navigation li a{
    display: block;
    padding: 5px 6px;
    color: #FFF;
	font-family: 'Dosis', sans-serif;
    font-weight: 500;
    transition: all .3s;
	font-size: 16px;
	border-radius:4px; text-transform:uppercase;
	}
#navigation li a:hover{ background:#313a43;}	
	.marg-r{ margin-right:400px !important;}
 
#redes{ position:absolute; top:200px; left:-5px; background:#FFF; border-radius:0 6px 6px 0;   z-index:9; width:30px; padding:9px 5px 9px 10px; transition: all .4s;}
#redes:hover{ left:0;}


/********************* MAIN ************************/
#main{  }


 .col1{ width:300px;} 
 .col2{ width:550px;} 
 .col3{ width:700px;} 
 .interior p{ margin:0 0 15px 0;}

.more1{ background:#363636; color:#fff; font-family: 'Dosis', sans-serif; padding:4px 30px; display: inline-block; letter-spacing:1px;}
.more1:hover{ background:#545454;}

.planos{ background:url(../images/planos.jpg) center bottom no-repeat;}

	.box1{ background:#2ca2cd; color:#FFF; padding:40px; width:460px; margin:30px 0;  
    box-shadow: 11px 18px 51px 0px rgba(0, 0, 0, 0.5);}

#valores{ background:#d7e6eb; padding:30px 0; text-align:right;}
#valores li{ display:inline-block; margin:0 30px;   font-size:15px; text-align:center; color:#000;}
#valores li img{ margin-bottom:5px;}

#mision{ background:url(../images/construccion.jpg) no-repeat right center; min-height:320px;}
.line-celeste{ background:url(../images/line-celeste.png) no-repeat; height:94px; width:100%; top:-90px; z-index:8; position:absolute;}
	.black{ color:#666;}
.line-celeste2{ background:url(../images/line-celeste2.png) no-repeat; height:94px; width:100%; bottom:-90px; z-index:8; position:absolute;}	

.lista1{ width:730px; float:right;}
.lista1 li{ background:url(../images/icons/li1.gif) 0 6px no-repeat; padding:0 0 0 20px; margin-bottom:3px;}

.ingeniero{ position:absolute; top:-18px; right:0;}

/* icons servicios */
#servicios{ width:680px; margin:0 auto; background:#00bbff;}
#servicios .enlace{  position:relative;}
	.enlace:after{ content:''; width:0; height:19px;  background: #191919; display:block; position:absolute; top:1px; z-index:-1; transition:all .3s; }
#servicios a:hover .enlace{ color:#FFF;}
#servicios a:hover	.enlace:after{ width:90px; }
#servicios li{ text-align:center; display:inline-block;}
.col-sm-4{    width: 33.33333333%; float:left;}
 #icons{  min-height:52px; position:absolute; bottom:60px; width:100%; z-index:999;}
.more2{ color:#fff; background: #000; display: inline-block; padding:0 4px 4px 4px; font-size:18px; line-height:15px; margin-right:5px;}
.enlace{ font-size:12px; color:#000; margin-top:5px;}

.more3{ background:#00bbff; color:#FFF; padding:0 10px;}

#servicios a:hover	.energy-ani{  color:#789920;color:rgba(120,153,32,.9);animation:animationFrames ease 1.5s;animation-iteration-count:infinite;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:animationFrames ease 1.5s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:animationFrames ease 1.5s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:animationFrames ease 1.5s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:animationFrames ease 1.5s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards}@keyframes animationFrames{0%{opacity:0}100%{opacity:1}}@-moz-keyframes animationFrames{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes animationFrames{0%{opacity:0}100%{opacity:1}}@-o-keyframes animationFrames{0%{opacity:0}100%{opacity:1}}@-ms-keyframes animationFrames{0%{opacity:0}100%{opacity:1}}

.servicios{ text-align:center;}
.servicios li{ display:inline-block; margin:0 6px;}
.servicios li a{ border: #d9d8d8 1px solid; border-radius:6px; display:block; padding:15px; box-shadow:0 0 2px #CCCCCC; width:200px;}
	
	.sub-categoria { text-align:center; margin-bottom:15px;}
	.sub-categoria li{ display:inline-block; margin:0 6px;}
	.sub-categoria li a{ display:block; color:#fff; border:#595959 1px solid; padding:8px; border-radius:4px; font-weight:bolder; font-size:12px; text-transform:uppercase; background:#595959;}
	.sub-categoria li a.activo{ border:#00bbff 1px solid; color:#fff; position:relative; background:#00bbff;}
	.sub-categoria li a.activo:after{ content:''; display:block; background:url(../images/icons/triangulo-1.gif) no-repeat center top;  height:10px; margin:0 auto; position:absolute; bottom:-11px; width:100%;}
	
.photo{ border:#CCC dashed 1px; margin-right:40px; width:600px;}
.photo img{ width:100%}
.dates{ width:370px; border:#E5E5E5 1px solid; margin:20px; border-bottom:4px #E5E5E5 solid; padding:13px; border-radius:6px;}
.dates li{ padding:8px 0 8px 45px; border-bottom:#eaeaea 1px solid;  color: #333; }
	.obra{ background:url(../images/icons/obra.png) 6px 5px no-repeat;}
	.direccion{ background:url(../images/icons/direccion.png) 6px 5px no-repeat;}
	.propietario{ background:url(../images/icons/propietario.png) 6px 5px no-repeat;}


/* proyectos */
.proyectos { text-align:center;}
.proyectos>li{ display:inline-block; border:#e6e6e6 1px solid; background:#f3f3f3; padding:15px 15px 0 15px; border-radius:6px; width:300px; position:relative; margin:10px; min-height:295px; vertical-align:top;}
.proyectos>li h6{ font-size:14px; font-weight:bolder; font-size:12px; line-height:15px;}


/* clientes */
.info{  padding:0 30px; }
.clientes li{ border:#b9c7ca 1px solid; border-radius:20px; display:inline-block;  width:325px; margin:2px; min-height:140px;}
.clientes .imagen{ float:left; width:165px; min-height:140px; }
.clientes .imagen img{border-radius:20px 0 0 20px;}
.clientes .empresa{ float:left; width:120px;   background:#ebedee; min-height:110px; border-radius:0 20px 20px 0; padding:20px; color:#069; font-weight:bolder; text-align:center;}

/* contacto */
.formulario .campo{ box-shadow: 0 0 2px #868686; border:0; padding:10px; width:90%; margin:5px 10px; border-radius:5px;}
.formulario .enviar{ background:#313131; color:#FFF; padding:15px 20px; border:0; margin:0 10px; cursor:pointer;}

/************************* FOOTER ***********************/
#footer{ background: rgba(29,29,29,.95); color:#cecece; padding:0 0 0 0; position:absolute; bottom:0; width:100%; z-index:99; font-size:11px; border-bottom:#00a4d7 4px solid;}
#footer .datos{ padding:10px 30px; line-height:18px; text-align:center}
#footer .datos li{ display:inline-block;  vertical-align:top; padding:0 0 0 40px; min-height:28px; margin-right:25px;}
#footer .datos li.map{ background:url(../images/icons/map.png) no-repeat;}
#footer .datos li.phone{ background:url(../images/icons/phone.png) no-repeat;}
#footer .datos li.cell{ background:url(../images/icons/cell.png) no-repeat;}
#footer .datos li.mail{ background:url(../images/icons/mail.png) no-repeat;}

#footer .redes{ float:right; padding:15px 30px 10px 10px; background:rgba(0,0,0,.7); width:200px; }
#footer .redes li{ float:right;}
.celeste{ color:#00bbff;}
	
	
	
/*SLIDER FADE*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	overflow: hidden;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  
/*control slider*/
/*.rslides_nav rslides1_nav prev{}*/
	
	
.rslides_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 15px;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 43px;
  width: 24px;
  background: transparent url("../images/themes.png") no-repeat left top;
  margin-top: -22px;
}

.rslides_nav.next {
  left: auto;
  background-position: right top;
  right: 15px;
  }