er/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/

/***** Screen 960px *****/


.top			 								{ margin:0 auto; margin-top:30px; }	
.base											{ margin:0 auto; margin-bottom:40px; }	
span.example									{ margin-bottom:5px; padding:5px 0 5px 0; background-color:#eee; text-align:center; width:100%; display:block; }




/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

.example										{ margin:0; padding:0; }

}



/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.example										{ margin:0; padding:0; }


/** -- menu -- **/
.centrado{
text-align:center;
margin-top:30px;
}


nav{
height: auto; 
margin: 0 auto; 
overflow: hidden;
text-align: left;
width: 100%; 
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 1.4em;
text-transform: uppercase;
	  }
nav ul{
float: left;
list-style-type: none; 
padding: 0;
margin-top:40px;
position: relative; 
left: 50%;

}
nav li{
float: left; 
position: relative; 
right: 50%;

	  }
	  
nav li a{
padding: 20px; 
text-decoration: none;
color: #333;
-webkit-transition: color 0.3s ease-in, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;

	  }
	  
nav li a:hover {
color: #1DA7B6;

}

.color{
background:#033;
height:20px;
}

.introduccion_labor{
	width:81% !important;
	
	}



/** --- Acerca --- **/
.centrar_img{
width:28% !important;

}

/** --- proyectos --- **/
.proyectos{
margin-top:0px !important;	


}

.colum_1{
	
	width:80% !important;
	margin:0 auto !important;
	text-align:center !important;
	float:none !important;
	margin-top:10px !important;
	
	
}

.colum_2{
	
	width:80% !important;
	margin:0 auto !important;
	text-align:center !important;
	float:none !important;
	
	
}

.titulos_proyect{
font-size: 60px !important;

}

.sumary_proyect{

text-align:center !important;
font-size:18px !important;
margin-top:18px !important;
line-height:1.7em !important;


}

.legales{

text-align:center !important;
}

.boton{
float:none !important;

}

.boton_left{

top: 550px !important; 

}

.boton_right{

top: 550px !important; 

}





/** --- Contacto --- **/
.iconos_contacto{
 width:90% !important;
 }
 
.formulario{
width:90% !important;


}

.respuesta{
width:60%;
margin:0 auto;
text-align:center;

}

.wrapper-block [type="text"]{ 
width:210px !important;

}

.wrapper-block textarea	{ 
width:370px !important; 
margin:2px 10px 4px 10px !important;

}
a.btn-form, input.btn-form{
margin:5px 10px 5px 0px !important; }


  
/** --- footer --- **/
.centrar_footer{
width:25%;

}





}








/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

.example										{ margin:0; padding:0; }
html 									{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }



body{
border: 14px solid white !important;

}


/***** Back to Top *****/

#toTop 									{ 
position:fixed; bottom:60px; right:10px;
display:none;
overflow:hidden;
width: 50px;
height: 50px;
background: url(../images/up.png) center no-repeat #D1D1D1;
text-decoration:none;
cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
  
-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

}
#toTopHover{ 
background: url(../images/up.png) center no-repeat #1DA7B6; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; 
width:50px; 
height:50px; 
display:block; 
overflow:hidden; 
float:left; 
opacity: 0; 
-moz-opacity: 0; 
filter:alpha(opacity=0); }

#toTop:active, #toTop:focus 			{ outline:none; }

/** Generales Phone (portrait 300px) **/

.titulos{
width:90%;
margin:0 auto;
font-size: 60px !important;
margin-bottom:40px !important;
line-height:1.1em !important;

}

.introduccion{
width:95% !important;

}

.introduccion_labor{
width:95% !important;

  
}

.introduccion_acerca{
width:95% !important;
  
}

.titulos_centrales{
text-align:center; 
margin-top:20px; 
margin-bottom:20px;

}

.divisor {
height: 1.5px !important;
width:45% !important;
margin-top:40px !important;


}

/** -- menu -- Phone (portrait 300px) **/
.centrado{
text-align:center;
margin-top:30px;


}


nav{
height: auto; /*Junto a overflow: hidden; aplicará a nuestro elemento nav el mismo alto que el más alto de sus elementos hijos */ 
margin: 0 auto; /* Centro el contenedor */
overflow: hidden;
text-align: left;
width: 90%; /* Defino el ancho de mi página */
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 1.45em;
text-transform: uppercase;

}
nav ul{
float: left;
list-style-type: none; /* Elimino los estilos de lista */
padding: 0;
margin-top:0px;
position: relative; 
left: 0;

}

nav li{
float: left; /* Floto los li para que se dispongan horizontalmente */
width:50%;
position: relative; 
right: 0%;
text-align:center;
padding-top:9px;

}

nav li a{
padding: 0px; /* El padding añadirá separación entre los elementos */
text-decoration: none;
color: #333;
-webkit-transition: color 0.3s ease-in, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
border-bottom:1px  

}
	  
nav li a:hover {
color: #1DA7B6;
}


.divisor_menu{
	
height: 1.5px;
clear: both;
border-bottom: 1px;
border-style: solid;
border-color: #d6d6d6;
width:45%;
margin: 0 auto;
margin-top:60px;
	
}

/** --- Inicio --- Phone (portrait 300px)  **/

.portfoliocontent2{

width: 95% !important;

}
.portfoliocontent2 .contentbox{
	width:100% !important;
	margin-bottom:15px !important;

}
.portfoliocontent2 .contentbox2{
	width:100% !important;
	margin-bottom:15px !important;

}


/** --- Acerca --- Phone (portrait 300px)  **/

.espacio_circulos{

margin-bottom:10px !important;
  
}

.iconos2{
width:100% !important;
margin-bottom:20px !important;

}
.iconos3{

width:100% !important;


}

.centrar_img{

width:70% !important;

}

/** --- Portafolio --- Phone (portrait 300px)  **/


.portfoliocontent{

width: 92% !important;

}

.portfoliocontent .contentbox{
	width:100% !important;
	margin-bottom:15px !important;

}


.proyectos{
margin-top:0px !important;	


}

.colum_1{
	
	width:98% !important;
	margin:0 auto !important;
	text-align:center !important;
	float:none !important;
	margin-top:10px !important;
	
	
}

.colum_2{
	
	width:98% !important;
	margin:0 auto !important;
	text-align:center !important;
	float:none !important;
	
	
}

.titulos_proyect{
font-size: 50px !important;

}

.sumary_proyect{

text-align:center !important;
font-size:18px !important;
margin-top:18px !important;
line-height:1.7em !important;


}

.legales{
font-size:14px !important;
text-align:center !important;
}

.boton{
float:none !important;

}

.boton_left{

top: 850px !important; 

}

.boton_right{

top: 850px !important; 

}




/** --- Contacto --- Phone (portrait 300px)  **/

.iconos_por{
width:100% !important;
margin-bottom:10px;

	  }
	  
.formulario{
width:95% !important;

}

.nombre{
width:100% !important;

}

.comentario{
width:100% !important;
text-align:center;


}

.respuesta{
width:90% !important;


}

.thankyou{
font-size:17px !important;

}


/***** Forms Phone (portrait 300px) *****/

#stylized-form
{
margin:10px 0 0px 0 !important;


}


.wrapper-block [type="text"]{ 
width:236px !important;

}
.wrapper-block textarea {
width:236px;
margin:2px 0px 4px 0px;
float:left !important;
}

a.btn-form, input.btn-form{ 
margin:5px 0px 5px 0px;
}



/** --- Footer --- Phone (portrait 300px) **/
.centrar_footer{
width:50% !important;

}





}

/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.example										{ margin:0; padding:0; }



.titulos{
width:90%;
margin:0 auto;
font-size: 64px !important;
margin-bottom:40px !important;
line-height:1.1em !important;

}

.introduccion{
width:95% !important;
  
}

.introduccion_labor{
width:95% !important;

  
}


.titulos_centrales{
text-align:center; 
margin-top:20px; 
margin-bottom:20px;

}

.divisor {

width:30% !important;

}


.centrado{
text-align:center;
margin-top:30px;

}

	  
nav{
width: 100%;
		  
}

nav ul{
margin-top:20px;
position: relative; 
left: 50%;
		  
}

nav li{
position: relative; 
right: 50%;
width:auto;
padding-top:0px;
text-align: left;

}
	
nav li a{
padding: 12px !important; /* El padding añadirá separación entre los elementos */
		  
}

.divisor_menu{
	

width:30%;
margin: 0 auto;
margin-top:60px;
	
}

/** --- Inicio Phone (landscape 420px) ---  **/

.portfoliocontent2{

width: 95% !important;

}
.portfoliocontent2 .contentbox{
	width:50% !important;
	margin-bottom:15px !important;

}
.portfoliocontent2 .contentbox2{
	width:50% !important;
	margin-bottom:15px !important;

}

/** --- Acerca Phone (landscape 420px) ---  **/

.centrar_img{

width:45% !important;

}

/** --- Portafolio Phone (landscape 420px) ---  **/

.boton_left{

top: 650px !important; 

}

.boton_right{

top: 650px !important; 

}

.portfoliocontent{

width: 95% !important;

}

.portfoliocontent .contentbox{
	width:50% !important;
	margin-bottom:15px !important;

}




/** --- Contacto --- Phone (landscape 420px)  **/

.iconos_por{
width:50% !important;
margin-bottom:10px;
}

.formulario{
width:80% !important;


}

/** --- Forms Phone --- (landscape 420px) **/


.wrapper-block [type="text"] { 

width:320px !important;  
}


.wrapper-block textarea	{ 

width:320px !important; 
}




}

/***** Small tablet portrait *****/
@media only screen and (min-width: 600px) and (max-width: 767px) {
	
	.titulos{
font-size: 65px !important;

}

.introduccion{
width:95% !important;
  
}

.introduccion_labor{
width:95% !important;
  
}

/** --- Inicio --- Small tablet portrait **/

.portfoliocontent2{

width: 92% !important;

}
.portfoliocontent2 .contentbox{
	width:50% !important;
	margin-bottom:15px !important;

}
.portfoliocontent2 .contentbox2{
	width:50% !important;
	margin-bottom:15px !important;

}

/** --- Acerca --- Small tablet portrait **/

.iconos_acerca{
width:95% !important;

}
.iconos2{
width:50% !important;
margin-bottom:20px !important;

}

.iconos3{
width:100% !important;
text-align:center;



}

.sumary2{
	width:50%;
	margin:0 auto;

}



.centrar_img{

width:40% !important;

}

/** --- Portafolio --- Small tablet portrait**/

.portfoliocontent{

width: 92% !important;

}

.portfoliocontent .contentbox{
	width:50% !important;
	margin-bottom:15px !important;

}





/** --- Contacto ---  Small tablet portrait **/

.iconos_por{
width:50% !important;
margin-bottom:10px;

	  }
	  



 

}

a.liga_footer {

border-bottom: 1px solid #1DA7B6 !important;
}




/***** Retina *****/
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {

.example										{ margin:0; padding:0; }

}


/***** mis estilos *****/

/******************************************************************
Generales
******************************************************************/	

.titulos{

font-size: 75px;
word-spacing: 1px;
line-height: 90px;
font-family: "neuzeitgrotbold", sans-serif;
text-transform: none;
letter-spacing: -2px;
color: #181818;
text-align: center;
margin-top:20px;
margin-bottom:40px;

}

.titulos_index{

font-size: 75px;
word-spacing: 1px;
line-height: 90px;
font-family: "neuzeitgrotbold", sans-serif;
text-transform: none;
letter-spacing: -2px;
color: #181818;
text-align: center;
margin-top:20px;
margin-bottom:0px;

}


.profesion{

text-align:center;
font-size:1.5em;
line-height:1.5em;
color:#5D5C5C;
width:70%;
margin:0 auto;

  
}
.introduccion{

text-align:center;
font-size:1.5em;
line-height:1.5em;
color:#5D5C5C;
width:70%;
margin:0 auto;
 
}

.introduccion_index{

text-align:center;
font-size:1.5em;
line-height:1.5em;
color:#5D5C5C;
width:60%;
margin:0 auto;
 
}


.introduccion_labor{

text-align:center;
font-size:1.5em;
line-height:1.5em;
color:#5D5C5C;
width:64%;
margin:0 auto;  
}

.introduccion_acerca{

text-align:center;
font-size:1.5em;
line-height:1.5em;
color:#5D5C5C;
width:70%;
margin:0 auto;
margin-top:5px;
  
}



.titulos_centrales{
text-align:center; 
margin-top:20px; 
margin-bottom:20px;

}

.divisor {
height: 1px;
clear: both;
border-bottom: 1px;
border-style: solid;
border-color: #d6d6d6;
width:15%;
margin: 0 auto;
margin-bottom:26px;
margin-top:20px;

}

a.ligas {
font-family:'Open Sans', sans-serif; 
font-weight:normal;
font-size:14px;
color:#5D5C5C;
text-decoration:none;
border-bottom: 1px solid #1DA7B6;


}
	  
a:hover.ligas {
text-decoration:none;
color:#1DA7B6;
}

span.ligas {
font-family:'Open Sans', sans-serif; 
font-weight:normal;
font-size:14px;
color:#5D5C5C;
text-decoration:none;
border-bottom: 1px solid #1DA7B6;


}
	  
.linkFull:hover .ligas { 
text-decoration:none;
color:#1DA7B6;
}

.temas{
font-family:'Open Sans', sans-serif; 
font-weight:300;
font-size:14px; 
line-height:16px; 
color:#333;	
margin-top:10px;
margin-bottom:10px;
text-transform:uppercase;
text-align:center;
  
}




/******************************************************************
header
******************************************************************/	
.espacio{
margin-top:20px;
margin-bottom:50px;


}
.header{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 1.4em;
text-transform: uppercase;
width:76%;
margin:0 auto;


}


.izquierda{
width:41.5%;
float:left;
/**background:#CCC;**/

}

.izquierda ul{
margin-top:55px;


}

.izquierda ul li {

float:left;

}

.izquierda li a{
width:120px;
text-decoration: none;
color: #333;
display:block;
padding-bottom:5px;
margin-right:25px;
border-bottom:#333 1.2px solid;
cursor:pointer;
-webkit-transition: color 0.3s ease-in, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;

}
.izquierda li a:hover {
color: #1DA7B6;
border-color: #1DA7B6;


}


.logo{
float: left;
text-align: center;
width:17%;
padding-top: 15px;

  
}

.derecha{
width:41.5%;
float:left;
/**background:#FF9;**/

}
.derecha ul{
margin-top:55px;


}

.derecha ul li {

float:right;

}

.derecha li a{
width:120px;
text-decoration: none;
color: #333;
display:block;
padding-bottom:5px;
text-align:right;
margin-left:25px;
border-bottom:#333 1.2px solid;
cursor:pointer;
-webkit-transition: color 0.3s ease-in, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;

}
.derecha li a:hover {
color: #1DA7B6;
border-color: #1DA7B6;


}

body.about li.about a, body.portafolio li.portafolio a, body.contacto li.contacto a { 
color: #EE5D57; 
border-color: #EE5D57; /*esta es la seccion activa*/ 
}


/******************************************************************
Inicio
******************************************************************/	



.inicio{
width:100%;
height:400px;
background:url(../images/soyorlando.jpg) center no-repeat;
margin-top:30px;

}

.portfoliocontent2{
max-width:900px;
width: 100%;
overflow: hidden;
display: block;
margin: 0 auto;
margin-top:50px;

}

.portfoliocontent2 .contentbox{
width: 25%;
padding: 0;
margin:0;
float: left;
overflow: hidden;
position: relative;
transition:all 0.6s ease 6s;
-webkit-transition:all 0.6s ease 0s;
-moz-transition:all 0.6s ease 0s;
-o-transition:all 0.6s ease 0s;
margin-top:0px;
}

.portfoliocontent2 .contentbox .info{
text-align: center;
color: white;
font-size: 1.8em;
line-height: 1.5em;
padding-top: 40%;
position: absolute;
top:0%;
background-color: #000000;
font-weight:400;
z-index: 400;
width: 100%;
height: 100%;
/**left: 0px;**/
display: block;
opacity: 0;
transition:all 0.6s ease 0s;
-webkit-transition:all 0.6s ease 0s;
-moz-transition:all 0.6s ease 0s;
-o-transition:all 0.6s ease 0s;
}

.portfoliocontent2 .contentbox:hover .info{
opacity: 0.9;
}

.portfoliocontent2 .contentbox img.overlay{
position: relative;
z-index: 500;
width: 100%;
margin: 0px auto;
display: block;
transition:opacity 0.6s ease 0s;
-webkit-transition:opacity 0.6s ease 0s;
-moz-transition:opacity 0.6s ease 0s;
-o-transition:opacity 0.6s ease 0s;
padding:0;
}

.portfoliocontent2 .contentbox:hover img.overlay{
opacity: 0.2;
}

.portfoliocontent2 .contentbox2{
width: 25%;
padding: 0;
margin:0;
float: left;
overflow: hidden;
position: relative;
transition:all 0.6s ease 6s;
-webkit-transition:all 0.6s ease 0s;
-moz-transition:all 0.6s ease 0s;
-o-transition:all 0.6s ease 0s;
margin-top:0px;
}

.portfoliocontent2 .contentbox2 .info{
text-align: center;
color: white;
font-size: 1.8em;
line-height: 1.5em;
padding-top: 50%;
position: absolute;
top:0%;
background-color: #1DA7B6;
font-weight:400;
z-index: 400;
width: 100%;
height: 100%;
/**left: 0px;**/
display: block;
opacity: 0;
transition:all 0.6s ease 0s;
-webkit-transition:all 0.6s ease 0s;
-moz-transition:all 0.6s ease 0s;
-o-transition:all 0.6s ease 0s;
}

.portfoliocontent2 .contentbox2:hover .info{
opacity: 0.9;
}

.portfoliocontent2 .contentbox2 img.overlay{
position: relative;
z-index: 500;
width: 100%;
margin: 0px auto;
display: block;
transition:opacity 0.6s ease 0s;
-webkit-transition:opacity 0.6s ease 0s;
-moz-transition:opacity 0.6s ease 0s;
-o-transition:opacity 0.6s ease 0s;
padding:0;
}

.portfoliocontent2 .contentbox2:hover img.overlay{
opacity: 1;
}


.highlight{color: #69bdb2; font-size: 0.8em; font-weight: 300;}

.colorhighlight{color:#69bdb2;}

.portfoliocontent2 .contentbox2 .naranja a {
display:block;
width: 225px;
height: 225px;
color: #47a3da;
background: url(../images/acerca_index.png) center no-repeat #EE5D57;
outline: none;
text-decoration:none;
margin:0 auto;
text-transform: uppercase;
	
-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	
}


.portfoliocontent2 .contentbox2 .naranja a:hover {
	background-color: #1DA7B6;
	color: #fff;
}

.portfoliocontent2 .contentbox2 .verde a {
display:block;
width: 225px;
height: 225px;
color: #47a3da;
background: url(../images/acerca2_index.png) center no-repeat #1DA7B6;
outline: none;
text-decoration:none;
margin:0 auto;
text-transform: uppercase;
	
-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	
}


.portfoliocontent2 .contentbox2 .verde a:hover {
	background-color: #EE5D57;
	color: #fff;
}

.portfoliocontent2 .contentbox2 .naranja1 a {
display:block;
width: 225px;
height: 225px;
color: #47a3da;
background: url(../images/contacto_index.png) center no-repeat #EE5D57;
outline: none;
text-decoration:none;
margin:0 auto;
text-transform: uppercase;
	
-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	
}


.portfoliocontent2 .contentbox2 .naranja1 a:hover {
	background-color: #1DA7B6;
	color: #fff;
}

.portfoliocontent2 .contentbox2 .verde1 a {
display:block;
width: 225px;
height: 225px;
color: #47a3da;
background: url(../images/portafolio_index.png) center no-repeat #1DA7B6;
outline: none;
text-decoration:none;
margin:0 auto;
text-transform: uppercase;
	
-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	
}


.portfoliocontent2 .contentbox2 .verde1 a:hover {
	background-color: #EE5D57;
	color: #fff;
}



/******************************************************************
Acerca
******************************************************************/	

.acerca{
text-align:center;
font-size:1.6em;
line-height:1.5em;
color:#5D5C5C;
  
}



a.ir_contacto {
font-family:'Open Sans', sans-serif; font-weight:300;
text-decoration:none;
border-bottom: 1px solid #1DA7B6;
color:#5D5C5C;
}
	  
a:hover.ir_contacto {
text-decoration:none;
color:#1DA7B6;
}
	  

	  
.iconos_acerca{
width:82%;
margin:0 auto;
}

.iconos2{
width:33%;
float:left;
text-align:center;


}

.iconos3{
width:33%;
float:left;
text-align:center;


}

/* Effect 4 */
.hi-icon-effect-4 .hi-icon {
background:url(../images/persona.png) center no-repeat #EE5D57;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-4 .hi-icon:after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 2px #EE5D57;/**tamano del stroke**/
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.3s, opacity 0.3s;
transform: scale(.8);
opacity: 0;
}
	  

.no-touch .hi-icon-effect-4 .hi-icon:hover, .linkFull:hover .hi-icon-effect-4 .hi-icon {
background:url(../images/persona.png) center no-repeat #EE5D57;
}

.hi-icon-effect-4b .hi-icon:after {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.no-touch .hi-icon-effect-4b .hi-icon:hover:after, .linkFull:hover .hi-icon-effect-4b .hi-icon:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
background:url(../images/prototipo.png) center no-repeat #EE5D57;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-5 .hi-icon:after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 2px #EE5D57;/**tamano del stroke**/
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.3s, opacity 0.3s;
transform: scale(.8);
opacity: 0;
}
	  

.no-touch .hi-icon-effect-5 .hi-icon:hover, .linkFull:hover .hi-icon-effect-5 .hi-icon {
background:url(../images/prototipo.png) center no-repeat #EE5D57;
}

.hi-icon-effect-5b .hi-icon:after {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.no-touch .hi-icon-effect-5b .hi-icon:hover:after, .linkFull:hover .hi-icon-effect-5b .hi-icon:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}

/* Effect 6*/
.hi-icon-effect-6 .hi-icon {
background:url(../images/testing.png) center no-repeat #EE5D57;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-6 .hi-icon:after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 2px #EE5D57;/**tamano del stroke**/
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.3s, opacity 0.3s;
transform: scale(.8);
opacity: 0;
}
	  

.no-touch .hi-icon-effect-6 .hi-icon:hover, .linkFull:hover .hi-icon-effect-6 .hi-icon {
background:url(../images/testing.png) center no-repeat #EE5D57;
}

.hi-icon-effect-6b .hi-icon:after {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.no-touch .hi-icon-effect-6b .hi-icon:hover:after, .linkFull:hover .hi-icon-effect-6b .hi-icon:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}


a.ligas_acerca {
font-family:'Open Sans', sans-serif; 
font-weight:normal;
font-size:13px;
color:#5D5C5C;
text-decoration:none;
border-bottom: 1px solid #1DA7B6;


}
	  
a:hover.ligas_acerca {
text-decoration:none;
color:#1DA7B6;
}

span.ligas_acerca {
font-family:'Open Sans', sans-serif; 
font-weight:normal;
font-size:13px;
color:#5D5C5C;
text-decoration:none;
border-bottom: 1px solid #1DA7B6;


}
	  
.linkFull:hover .ligas_acerca {
text-decoration:none;
color:#1DA7B6 !important;
}

.centrar_img{
text-align:center;
width:22%;
margin: 0 auto;
margin-top:15px;
margin-bottom:15px;

}
.estudio{
width:80%;
margin:0 auto;
margin-top:10px;


}
.fotos_estudio{
width:30%;
padding:10px;
float:left;
}

.sumary{
font-family:'Open Sans', sans-serif; 
font-weight:300;
color:#5D5C5C;
font-size:16px;
line-height:1.5em;
margin-top:12px;
text-align:center;
padding:0 10px;	


}

.legales{
font-family:'Open Sans', sans-serif; 
font-weight:300;
color:#5D5C5C;
font-size:15px;
line-height:1.7em;
margin-top:12px;
text-align:left;



}

.sumary2{
font-family:'Open Sans', sans-serif; 
font-weight:300;
color:#5D5C5C;
font-size:16px;
line-height:1.5em;
margin-top:12px;
text-align:center;
padding:0 10px;	


}

.sumary_acerca{
font-family:'Open Sans', sans-serif; 
font-weight:300;
color:#5D5C5C;
font-size:17px;
line-height:1.5em;
margin-top:12px;
text-align:center;
padding:0 10px;	


}

.titulo_ventana{

font-family:'Open Sans', sans-serif; 
font-weight:300;
font-size:22px;
color:#5D5C5C;
text-transform:uppercase;
margin-top:25px;


}
.subtitulo_ven{
font-family:'Open Sans', sans-serif; 
font-weight:300;
font-size:17px;
color:#EE5D57;
text-transform:uppercase;
margin-top:5px;


}

.sumary_estrategia{

font-family:'Open Sans', sans-serif; 
font-weight:300;
color:#5D5C5C;
font-size:18px;
line-height:1.7em;
margin-top:16px;
text-align:left;


}


/******************************************************************
Portafolio
******************************************************************/	
.portfoliocontent{
max-width:960px;
width: 100%;
overflow: hidden;
display: block;
margin: 0% auto;
margin-top:50px;
}

.portfoliocontent .contentbox{
width: 25%;
padding: 0em;
float: left;
overflow: hidden;
position: relative;
transition:all 0.6s ease 6s;
-webkit-transition:all 0.6s ease 0s;
-moz-transition:all 0.6s ease 0s;
-o-transition:all 0.6s ease 0s;
}

.portfoliocontent .contentbox .info{
text-align: center;
color: white;
font-size: 1.8em;
line-height: 1.5em;
padding-top: 40%;
position: absolute;
top:0%;
background-color: #000000;
font-weight:400;
z-index: 400;
width: 100%;
height: 100%;
/**left: 0px;**/
display: block;
opacity: 0;
transition:all 0.6s ease 0s;
-webkit-transition:all 0.6s ease 0s;
-moz-transition:all 0.6s ease 0s;
-o-transition:all 0.6s ease 0s;
}

.portfoliocontent .contentbox:hover .info{
opacity: 0.9;
}

.portfoliocontent .contentbox img.overlay{
position: relative;
z-index: 500;
width: 100%;
margin: 0px auto;
display: block;
transition:opacity 0.6s ease 0s;
-webkit-transition:opacity 0.6s ease 0s;
-moz-transition:opacity 0.6s ease 0s;
-o-transition:opacity 0.6s ease 0s;
}

.portfoliocontent .contentbox:hover img.overlay{
opacity: 0.2;
}


.highlight{color: #69bdb2; font-size: 0.8em; font-weight: 300;}
.colorhighlight{color:#69bdb2;}

/**** Proyectos ***/

.proyectos{
margin-top:50px;	


}

.colum_1{
	float:right;
	width:67%;
	padding:0 15px;

	
}

.colum_2{
	float:right;
	width:33%;
	padding:0 15px;
	
	
}

.titulos_proyect{
font-size:36px;
font-family: "neuzeitgrotbold", sans-serif;
text-transform: none;
letter-spacing: -1px;
color: #181818;
margin-top:10px;
line-height:1.2em;

}

.sumary_proyect{
font-family:'Open Sans', sans-serif; 
font-weight:300;
color:#5D5C5C;
font-size:16px;
line-height:1.6em;
margin-top:22px;
text-align:left;

}

.boton{
float:left;
margin-top:10px;
}

.boton a {
display:block;
width: 178px;
height: 40px;
color: #FFF;
font-family:'Open Sans', sans-serif;
font-size:16px;
text-align:center;
padding-top:9px;
font-weight:300;
background: #D1D1D1;
outline: none;
text-decoration:none;
margin:0 auto;
text-transform: uppercase;
cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;

-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

}


.boton a:hover {
background-color: #EE5D57;
color: #fff;

}


.boton_left{
text-decoration:none; 
position:absolute;
z-index:900; 
top: 450px; 
left:10px;
}

.boton_left a {
display:block;
width: 50px;
height: 50px;
background: url(../images/left.png) center no-repeat #D1D1D1;
text-decoration:none;
cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;

-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

}


.boton_left a:hover {
background-color: #1DA7B6;
color: #fff;

}


.boton_right{
text-decoration:none; 
position:absolute; 
z-index:901; 
top: 450px; 
right:10px;
}

.boton_right a {
display:block;
width: 50px;
height: 50px;
background: url(../images/right.png) center no-repeat #D1D1D1;
text-decoration:none;
cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;

-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;

}


.boton_right a:hover {
background-color: #1DA7B6;
color: #fff;

}



/******************************************************************
Contacto
******************************************************************/	
.espacio_circulos{
  margin-top:10px; 
  margin-bottom:45px;
  
}
.iconos_contacto{
  width:80%;
  margin:0 auto;
  
}
  
.iconos_por{
width:25%;
float:left;
text-align:center;

}
	  
.fon{
font-family:'Open Sans', sans-serif; font-weight:normal;
font-size:14px;
color:#5D5C5C;
}

.telefono{
font-family:'Open Sans', sans-serif; font-weight:normal;
margin:5px 0 12px 0; 
padding:0; 
font-size:14px; 
line-height:16px; 
color:#333;
margin-top:19px;
}


.icono_telefono a {
display:block;
width: 115px;
height: 115px;
color: #EE5D57;
background: url(../images/telefono.png) center no-repeat #D1D1D1;
outline: none;
text-decoration:none;
margin:0 auto;
text-transform: uppercase;

-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;



}



*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hi-icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
width: 115px;
height: 115px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;


}

.hi-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
}

.hi-icon:before {

speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}

/* Effect 1*/
.hi-icon-effect-1 .hi-icon {
background:url(../images/correo.png) center no-repeat #EE5D57;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 2px #EE5D57;/**tamano del stroke**/
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.3s, opacity 0.3s;
transform: scale(.8);
opacity: 0;
}
	  

.no-touch .hi-icon-effect-1 .hi-icon:hover, .linkFull:hover .hi-icon-effect-1 .hi-icon {
background:url(../images/correo.png) center no-repeat #EE5D57;
}

.hi-icon-effect-1a .hi-icon:after {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.no-touch .hi-icon-effect-1a .hi-icon:hover:after, .linkFull:hover .hi-icon-effect-1a .hi-icon:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}

/* Effect 2*/
.hi-icon-effect-2 .hi-icon {
background:url(../images/instagram.png) center no-repeat #EE5D57;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-2 .hi-icon:after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 2px #EE5D57;/**tamano del stroke**/
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.3s, opacity 0.3s;
transform: scale(.8);
opacity: 0;
}
	  

.no-touch .hi-icon-effect-2 .hi-icon:hover, .linkFull:hover .hi-icon-effect-2 .hi-icon {
background:url(../images/instagram.png) center no-repeat #EE5D57;
}

.hi-icon-effect-2a .hi-icon:after {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.no-touch .hi-icon-effect-2a .hi-icon:hover:after, .linkFull:hover .hi-icon-effect-2a .hi-icon:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}

/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
background:url(../images/linkedin.png) center no-repeat #EE5D57;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-3 .hi-icon:after {
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 2px #EE5D57;/**tamano del stroke**/
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.3s, opacity 0.3s;
transform: scale(.8);
opacity: 0;
}
	  

.no-touch .hi-icon-effect-3 .hi-icon:hover, .linkFull:hover .hi-icon-effect-3 .hi-icon {
background:url(../images/linkedin.png) center no-repeat #EE5D57;
}

.hi-icon-effect-3a .hi-icon:after {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.no-touch .hi-icon-effect-3a .hi-icon:hover:after, .linkFull:hover .hi-icon-effect-3a .hi-icon:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}


.formulario{
width:80%;
margin:0 auto;


}

.nombre{
width:40%;
float:left;
/**background:#0F0;**/

}

.comentario{
width:60%;
float:left;
/**background:#C00;**/

}

.respuesta{
width:60%;
margin:0 auto;
text-align:center;

}

.thankyou{
 color:#1DA7B6;
 font-family:'Open Sans', sans-serif; font-weight:300;
 font-size:19px;
 text-align:center;
  
}

.error{
clear: both;
text-transform:uppercase;
color:#EE5D57;
font-family:'Open Sans', sans-serif; font-weight:300;
font-size:12px;

}

.wrong{
height:28px;
padding-top:6px;

}

/******************************************************************
Footer
******************************************************************/	

.footer{
margin-bottom:35px;

}

.divisor_footer {
height: 1px;
clear: both;
border-bottom: 1px;
border-style: solid;
border-color: #d6d6d6;
width:80%;
margin: 0 auto;
margin-bottom:35px;
margin-top:60px;

}

.centrar_footer{
width:20%;
margin:0 auto;
text-align:center;

}

/* footer nav*/
.socialnav{margin: 0px auto; display: block; overflow: hidden; width: 100px; margin-bottom: 15px;}
.socialnav ul{list-style: none; overflow: hidden; display: block;}
.socialnav ul li{ float: left; margin-left: 20%;}
.socialnav ul li a{ text-decoration: none; color:white;}

#linkedin:before{content: "\f0e1"; font-family: "FontAwesome"; color: #EE5D57; font-size: 1.6em;}
#instagram:before{content: "\f16d"; font-family: "FontAwesome"; color: #EE5D57; font-size: 1.6em;}


#linkedin:hover:before{color:#1DA7B6;}
#instagram:hover:before{color:#1DA7B6;}


.fon_footer{
font-family:'Open Sans', sans-serif; font-weight:normal;
font-size:15px;
color:#5D5C5C;
margin-bottom:6px;
 }
	  
a.liga_footer {
font-family:'Open Sans', sans-serif; 
font-weight:normal;
font-size:15px;
color:#333;
text-decoration:none;
border-bottom: 1px solid #1DA7B6;
}
	  
a:hover.liga_footer {
text-decoration:none;
color:#1DA7B6;
}


.color{
background:#033;
height:20px;
}