/* CSS Document */
/*
	verge turqueza anterior: #29c39c
*/



body
{
	background-image:url(../img/bg.jpg);
	font-size:18px;
	line-height:1.2em;
}

h2
{
	color:#34B200;
	font-size:1.3em;
	
}

#header
{
	height:50px;
	width:100%;
	background-color:#404240;
	border-bottom:3px solid #34B200;
}
#redes
{
	float:right;
	margin-right:20px;
	margin-top:20px;
}
#redes img:hover
{ 
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
}


#logo
{
	/*display:inline-block;*/
	width:360px;
	height:200px;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
}

/*#logo img
{
	display:inline-block;
}*/

#content
{
	width:940px;
	margin:auto;
}
#container-menu
{
	width:900px;
	height:55px;
	margin:auto;
	font-size:20px;	
	/*display:inline-block;*/
	margin:auto;
	margin-top:10px;
	font-size:24px;
	   
}

#listaProyectos
{
	margin-bottom:10px;
}

#listaProyectos li
{
	float:left;
	border:1px solid #34B200;
	width:280px;
	margin-left:5px;
	height: 310px;
	padding:5px 5px 5px 5px;
	margin-top: 5px;
	background-color:rgba(174,174,174, 0.3);
}
#listaProyectos li:hover
{
	background-color:rgba(204,204,204, 0.3);
}

#listaProyectos li:hover h2
{
}

#listaProyectos a
{
	text-decoration:none;
}

#listaProyectos h2
{
	text-align:center;
}

.footer
{
	width:	100%;
	line-height:4em;
	margin:auto;
	margin-top:10px;
	color:#404240;
}
.parrafo-footer
{
	text-align:center;
}

.nav 
{
  overflow: hidden;
  position: relative;
}
.nav a 
{
    display: block;
    position: relative;
    float: left;
    width: 20%;
    text-decoration: none;
    color: #404240;
    transition: .7s; 
	text-align:center;
	margin-top:35px;
}

.nav a:hover 
{
	color: #34B200;; 
}

.effect, #selectedLine {
	position: absolute;
	left: -10%;
	transition: 0.7s ease-in-out; 
}
.nav a:nth-child(1):hover ~ .effect {
	left: 10%;
}
.nav a:nth-child(2):hover ~ .effect {
	left: 30%;
}
.nav a:nth-child(3):hover ~ .effect {
	left: 50%; 
}
.nav a:nth-child(4):hover ~ .effect {
	left: 70%;
}
.nav a:nth-child(5):hover ~ .effect {
	left: 90%;
}

.ph-line-nav .effect {
  width: 90px;
  height: 2px;
  bottom: 36px;
  background: #34B200;;
  margin-left:-45px;
}
a.selected
{
	color: #34B200;;
}
.hidden
{
	left:-100%!important;
}
.section
{
	position:absolute;
	top:330px;
	width:900px;
	left:50%;
	margin-left:-450px;
	transition:all 1s;
	-webkit-transition:all 1s;
}

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1; 
}
.formato-parrafos
{
	color:#000;
	margin-top:20px;
	margin-bottom:25px;
	text-align:justify;
}
.bullets
{
	list-style-type:disc;
	margin-left:20px;
}
.bullets li
{
	line-height:1.5em;
}

.page-two-cols
{
	width:410px;
	height:400px;
	float:left;
	margin-left:8px;
	margin-top:15px;
	padding: 5px 5px 5px 5px;
	/*border: 1px solid blue;*/
	
}
#mail-form
{
	margin-top: 15px;
	line-height:2em;
}


#success-message
{
	margin-top: 15px;
	border: 1px solid #ddebef;
	padding: 15px 19px 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width:480px;
	background:#CF9;
	color:#393;
	font-size:20px;
}

#send-email
{
	display:inline-block;
}
input, textarea
{
	width:270px;
}

textarea
{
	height:100px;
	resize: none;
}
.button2
{
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#000;; 
	color:#FFF; 
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	margin-left:310px;
}
.contact-label
{
	float:left;
	width:80px;
	margin-left:15px;
}
.image-responsabilidad
{
	background-image:url(../img/valores/responsable.jpg) ;
}
.image-honestidad
{
	background-image:url(../img/valores/honestidad.jpg) ;
}
.image-companerismo
{
	background-image:url(../img/valores/companerismo.jpg) ;
}
.image-respeto
{
	background-image:url(../img/valores/respeto.jpg) ;
}
.image-transparencia
{
	background-image:url(../img/valores/transparencia.jpg) ;
}
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px #34B200;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #34B200;
}
iframe
{
	width:410px;
	height:345px;
	
}

#splashBackground
{
	position:fixed;
	float:left;
	top:1px;
	left:1px;
	background-color:rgba(102, 102, 102, 0.8);
	z-index:5000;
	display:none;
	text-align:center;
}
#splashBackground > img
{
	margin-top:30px;
}
#cerrar
{
	margin-left:-45px;
	margin-bottom:255px;
	
}
#valores li
{
	float:left;
	width:174px;
	height:174px;
	/*background-color:rgba(52, 178, 0, 0.7);*/	
	color:#34B200;
	font-weight:bold;
	transition:all 1s;
}
#valores li:nth-child(1n+1)
{
	margin-left:5px;
}
#valores span 
{
	text-align:center;
	display:block;
	margin-top:-10%;
	top:-9px;
	position:relative;
	transition:all 1s;
}

/*#valores li:hover
{
	background-color:rgba(52, 178, 0, 1);
}*/

#valores li:hover span
{
	font-size:24px;	
}

#valores li:hover .valoresEfecto
{
	background-color:transparent;
}

#splashBackground > div
{
	height:580px;
}
#splashBackground h2
{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	color:#FFF;
	font-size:1.5em;
}

#splashBackground ul
{
	width:500px;
	margin:auto;
	margin-top:3px;
}

#splashBackground li:not(:first-child)
{
	margin-left:10px;
}

#splashBackground li
{
	float:left;
}

#coin-slider2 span
{
	font-size:40px;
	display:block;
	line-height:50px;
}

.valoresEfecto
{
	height:174px;
	margin-top:-4px;
	background-color:rgba(200,200,200,0.4);
	transition:all 1s;
}
.borde
{
	border:2px solid #34B200;
}

.cargando
{
	width:100px;
	margin:auto;
	margin-top:50px;
}

.cargando img
{
	margin-left:20px;
}
#listaProyectos li
{
	background-image:url(../img/cargando.png);
}
@media screen and (max-width: 979px) 
{
	#container-menu
	{
		width:100%;	
	}
}