/* CSS Document */
@charset "utf-8";
html{
	width:100%;
	height:100%;
}

body {
	font-family: 'Ubuntu', sans-serif;
	text-align:center;
	margin:0 auto;
	background:#FFF;
	width:100%;
	height:100%;
}

@font-face {
	font-family: 'Ubuntu-Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Ubuntu-Bold'), url('Ubuntu-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Ubuntu-BoldItalic';
	font-style: normal;
	font-weight: normal;
	src: local('Ubuntu-BoldItalic'), url('Ubuntu-BoldItalic.woff') format('woff');
}
@font-face {
	font-family: 'Ubuntu-Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Ubuntu-Italic'), url('Ubuntu-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Ubuntu-Light';
	font-style: normal;
	font-weight: normal;
	src: local('Ubuntu-Light'), url('Ubuntu-Light.woff') format('woff');
}
@font-face {
	font-family: 'Ubuntu-LightItalic';
	font-style: normal;
	font-weight: normal;
	src: local('Ubuntu-LightItalic'), url('Ubuntu-LightItalic.woff') format('woff');
}
@font-face {
	font-family: 'Ubuntu-Medium';
	font-style: normal;
	font-weight: normal;
	src: local('Ubuntu-Medium'), url('Ubuntu-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Ubuntu-MediumItalic';
	font-style: normal;
	font-weight: normal;
	src: local('Ubuntu-MediumItalic'), url('Ubuntu-MediumItalic.woff') format('woff');
}
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: normal;
	src: local('Ubuntu'), url('Ubuntu.woff') format('woff');
}

.clearer{
    display:block;
    clear: both;
}

#wrapper{
	width:90%;
	height:100%;
	padding:0;
	margin:0 auto;
	display:table;
	position:relative;
	/*border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;*/
	font-family: 'Ubuntu-Light';
}
#telefonos{
	width:100%;
	text-align:right;
	font-family: 'Ubuntu';
	color:#666;
	font-size:15px;
}
#telefonos_icono{
	width:auto;
	float:right;
	padding:0 10px;
	text-align:center;
}
#telefonos_datos{
	width:auto;
	float:right;
	padding:2px 0;
}
#cabecera{
	width:100%;
	padding:10px 0;
	display:table;
}
#logotipo{
	width:40%;
	float:left;
}
#logotipo img{
	width:90%;
}
#menu{
	width:60%;
	float:left;
	border-bottom:solid 1px #CCC;
	border-top:solid 1px #CCC;
	font-size:15px;
	margin-top:20px;
	font-family: 'Ubuntu-Light';
}
#menu ul{
	width:80%;
	float:left;
	padding:5px 0;
	list-style:none;
}
#menu ul li{
	width:18%;
	float:left;
	padding:10px 1%;
}
#menu ul li a{
	text-decoration:none;
	color:#666;
}
#idiomas{
	width:19%;
	float:left;
	padding:15px 0;
	font-family: 'Ubuntu-Medium';
	text-align:center;
	color:#666;
	font-size:14px;
	border-left:solid 1px #CCC;
}
.seleccionado{
	text-decoration:underline;
	color:#666;
}
/*INICIO*/
#cuerpo{
	width:100%;
	height:auto;
	display:table;
}
#cuerpo_inicio_izq{
	width:55%;
	float:left;
	text-align:left;
}
#cuerpo_inicio_izq img{
	width:100%;
}
#cuerpo_inicio_der{
	width:45%;
	float:left;
	text-align:center;
}
/*FIN DEL CICLO*/

/*NOSOTROS*/
#slide{
	width:100%;
	height:auto;
}
#slide img{
	width:100%;
}
#puntos{
	width:100%;
}
#puntos_izq{
	width:10%;
	padding:10px 0;
	float:left;
	text-align:center;
}
#puntos_der{
	width:80%;
	padding:10px 5%;
	float:left;
	text-align:left;
	font-size:14px;
	color:#666;
}
#caracteristicas{
	width:100%;
	display:table;
	padding:10px 0;
	border:solid 3px #CCC;
}
#crc{
	width:20%;
	float:left;
}
#crc_arriba{
	width:100%;
	padding:5px 0;
	text-align:center;
}
#crc_abajo{
	width:100%;
	padding:10px 0;
	text-align:center;
	font-size:15px;
	color:#999;
	line-height:30px;
}
#bloque_abajo{
	width:100%;
	height:auto;
	display:table;
}
#bloque_abajo img{
	width:100%;
}
#bloque_abajo_izq{
	width:50%;
	float:left;
	text-align:center;
}
#bloque_abajo_der{
	width:50%;
	float:left;
	text-align:center;
}
/*FIN DEL CICLO*/

/*CLIENTES*/
#clientes{
	width:80%;
	padding:0 10%;
	height:auto;
}
#clientes img{
	width:100%;
}
#logo_cliente_1, #logo_cliente_2, #logo_cliente_3, #logo_cliente_4, #logo_cliente_5, #logo_cliente_6, #logo_cliente_7, #logo_cliente_8, #logo_cliente_9, #logo_cliente_10, #logo_cliente_11, #logo_cliente_12, #logo_cliente_13, #logo_cliente_14, #logo_cliente_15, #logo_cliente_16, #logo_cliente_17, #logo_cliente_18, #logo_cliente_19, #logo_cliente_20, #logo_cliente_21, #logo_cliente_22,#logo_cliente_23, #logo_cliente_24, #logo_cliente_cl_1, #logo_cliente_cl_2, #logo_cliente_cl_3, #logo_cliente_cl_4, #logo_cliente_cl_5, #logo_cliente_cl_6, #logo_cliente_cl_7, #logo_cliente_cl_8, #logo_cliente_cl_9, #logo_cliente_cl_10, #logo_cliente_cl_11, #logo_cliente_cl_12, #logo_cliente_cl_13, #logo_cliente_cl_14, #logo_cliente_cl_15, #logo_cliente_cl_16, #logo_cliente_cl_17, #logo_cliente_cl_18, #logo_cliente_cl_19, #logo_cliente_cl_20, #logo_cliente_cl_21, #logo_cliente_cl_22{
	width:16%;
	float:left;
	text-align:center;
}
#logo_cliente_1 img, #logo_cliente_2 img, #logo_cliente_3 img, #logo_cliente_4 img, #logo_cliente_5 img, #logo_cliente_6 img, #logo_cliente_7 img, #logo_cliente_8 img, #logo_cliente_9 img, #logo_cliente_10 img, #logo_cliente_11 img, #logo_cliente_12 img, #logo_cliente_13 img, #logo_cliente_14 img, #logo_cliente_15 img, #logo_cliente_16 img, #logo_cliente_17 img, #logo_cliente_18 img, #logo_cliente_19 img, #logo_cliente_20 img, #logo_cliente_21 img, #logo_cliente_22 img, #logo_cliente_23 img, #logo_cliente_24 img, #logo_cliente_cl_1 img, #logo_cliente_cl_2 img, #logo_cliente_cl_3 img, #logo_cliente_cl_4 img, #logo_cliente_cl_5 img, #logo_cliente_cl_6 img, #logo_cliente_cl_7 img, #logo_cliente_cl_8 img, #logo_cliente_cl_9 img, #logo_cliente_cl_10 img, #logo_cliente_cl_11 img, #logo_cliente_cl_12 img, #logo_cliente_cl_13 img, #logo_cliente_cl_14 img, #logo_cliente_cl_15 img, #logo_cliente_cl_16 img, #logo_cliente_cl_17 img, #logo_cliente_cl_18 img, #logo_cliente_cl_19 img, #logo_cliente_cl_20 img, #logo_cliente_cl_21 img, #logo_cliente_cl_22 img{
	width:100%;
}
/*FIN DEL CICLO*/

/*DESARROLLOS*/
#desarrollos{
	width:100%;
	height:auto;
	display:table;
}
#desarrollos_logo{
	width:25%;
	float:left;
	text-align:center;
	padding:100px 0;
}
#desarrollos_foto{
	width:75%;
	float:left;
	position:relative;
}
#frase_foto{
	position:absolute;
	width:auto;
	bottom:50px;
	right:0;
	background:rgba(255,255,255,0.8);
	color:#666;
	font-size:15px;
	padding:10px 30px 10px 10px;
}
#slide_desarrollo{
	width:100%;
	height:auto;
}
#slide_desarrollo img{
	width:100%;
}
#cabecera_logo{
	width:30%;
	float:left;
	padding:20px 0;
	text-align:center;
}
#cabecera_logo img{
	width:50%;
}
#cabecera_txt{
	width:60%;
	height:auto;
	min-height:250px;
	float:left;
	padding:30px 5%;
	text-align:center;
	background:#A89B94;
	color:#FFF;
}
#cabecera_txt_izq{
	width:40%;
	float:left;
	text-align:center;
	padding:80px 10%;
	font-size:13px;
	text-align:left;
}
#cabecera_txt_der{
	width:40%;
	float:left;
	text-align:center;
}
#mapa_desarrollos{
	width:100%;
	height:auto;
}
#mapa_desarrollos img{
	width:100%;
}
#plantas{
	width:100%;
	height:auto;
	display:table;
}
#plantas_caracteristicas{
	width:40%;
	padding:100px 0;
	float:left;
	text-align:left;
}
#plantas_niveles{
	width:60%;
	float:left;
	text-align:center;
}
#plantas_niveles img{
	width:100%;
}
#fotos_desarrollos{
	width:100%;
	height:auto;
}
#fotos_desarrollos img{
	width:100%;
}
#footer_formulario{
	width:100%;
	height:auto;
	display:table;
	background:#A89B94;
	color:#333;
	font-size:15px;
	padding:30px 0;
}
#footer_formulario_izq{
	width:40%;
	padding:10px 5%;
	float:left;
	text-align:left;
}
#footer_formulario_der{
	width:30%;
	padding:10px 10%;
	text-align:left;
	float:left;
}
.texto{
	width:90%;
	padding:10px;
	color:#333;
	font-size:15px;
	border:none;
	background:#FFF;
	border-radius:5px;
}
.enviar_d{
	padding:10px 20px;
	background:#333;
	color:#FFF;
	border:none;
	border-radius:20px;
	cursor:pointer;
}
/*FIN DEL BLOQUE*/

/*CONTACTO*/
#contacto{
	width:90%;
	padding:0 5%;
	height:auto;
}
#contacto_izq{
	width:60%;
	float:left;
	text-align:left;
	font-size:15px;
	color:#666;
}
#contacto_der{
	width:30%;
	padding:0px 5%;
	float:left;
	text-align:left;
	font-size:13px;
	color:#666;
}
#titulos_contacto{
	width:90%;
	padding:5px 5%;
	text-align:left;
}
.txt{
	width:90%;
	padding:10px;
	border:none;
	border:solid 1px #999999;
	border-radius:20px;
	font-size:14px;
	color:#666;
}
.txt2{
	width:90%;
	padding:10px;
	border:none;
	border:solid 1px #999999;
	border-radius:20px;
	font-size:14px;
	color:#666;
	height:100px;
}
.enviar{
	padding:8px 25px;
	background:#666;
	color:#FFF;
	border:none;
	border-radius:20px;
	cursor:pointer;
}
/*FIN DEL CICLO*/


@-webkit-keyframes pulse {
from {
   opacity: 0.8; /* Nivel de transparencia inicial */
   font-size: 14px; /* Tamaño inicial de la font en la animación */
   color:#CCC;
}
to {
   opacity: 1; /* Nivel de Transparencia final */
   font-size: 19px; /* Tamaño final de la font en la animación */
   font-weight:700;
   color:#333;
}
}

#animacionpulse {
   -webkit-animation-name: pulse; /* El nombre del efecto que estamos agregando */
   -webkit-animation-duration: 1s; /* Tiempo que durará la animación */
   -webkit-animation-iteration-count: infinite; /* Las veces que queremos reproducir la animación */
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-direction: alternate; /* Propiedad utilizada para que el texto regrese al tamaño de origen de manera gradual */
}