*{
	margin:0; 
	padding:0; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

html{
	background: white; 
	margin:0; 
	padding:0;
}

body {
	font:13px/120% roboto; 
	color:#505050;
}

section{}

/*CABECERA*/

header{background:white;}

#hcont{
	max-width:900px; 
	margin:0 auto; 
	overflow:hidden;
}

.logo{
	margin:15px 0 15px 5px; 
	display:block; 
	float:left; 
	text-align: center;
}

.logo img{
	width:100%; 
	max-width:317px;
}

.eslogan{
	float:right; 
	text-align:right; 
	font: normal 17px/120% roboto; 
	color:#000; 
	clear:right; 
	margin: 42px 5px 0 0; 
	background: url(../images/icotelf.png) no-repeat right center; 
	padding: 0 45px 0 0;
}
.eslogan .telf{font-size:22px;}

/*TEXTOS*/
.texto1{
	font:normal 13px/120% roboto; 
	color:#505050; 
	text-align:center;
}

.titulo1{
	font:normal 20px/120% roboto; 
	color:#056DA7; 
	text-align:center; 
	padding:5px 0; margin:0;
}

.texto2{
	font:normal 13px/120% roboto; 
	color:#505050; 
	text-align:left;
}

.titulo2{
	font:normal 20px/120% roboto; 
	color:#505050; 
	text-align:left; 
	padding-bottom:10px;
}

.textofoto{
	display:block; 
	float:left; 
	padding: 10px 20px; 
	font:normal 22px/120% roboto; 
	color:white; 
	background: rgba(5,109,167,0.4); 
	margin-top:156px; 
	text-align:center;
}

/*SECCIONES INTERNAS*/
.seccion100{
	width:100%; 
	float:left; -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding:0px
}
.seccion66{
	width:66.666%; 
	float:left; -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding:0px;
}
.seccion50{
	width:50%; 
	float:left; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding:0px;
}
.seccion33{
	width:33.333%; 
	float:left; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding:0px; 
}
.seccion25{
	width:25%; 
	float:left; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding:0px; 
}
.seccion75{
	width:75%; 
	float:left; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	padding:0px; 
}

/*ENLACES*/
.destacado{color:#056DA7;}
.link{color:#056DA7; text-decoration:none;}
.link:hover{color:#6AC4E4;}

.linkder{color:#056DA7; text-decoration:none; float:right;} /*Enlace alineado a la derecha*/
.linkder:hover{color:#056DA7;}
.linkder2{color:#056DA7; text-decoration:none; float:center;} /*Enlace alineado a la derecha*/

#btn{
	background:#056DA7; 
	color:white;
	font:normal 20px/120% roboto;
	text-align:center; 
	margin:0 10px; 
	padding: 10px; 
}

/*SECCIONES*/
.contenido{ 
	width:100%; 
	margin:0 auto; 
	background:white; 
	overflow:hidden; 
	padding: 0 5px;
}
.subcont{
	max-width: 900px; 
	width:100%; 
	margin:0 auto; 
	padding:20px 0; 
	overflow:hidden;
} /* Contenido centrado con max-width dentro de .contenido*/


/*PIE*/
footer{
	background:#056DA7; 
	padding: 0 5px; 
	overflow:hidden;
}
#fcont{
	max-width:900px; 
	padding:15px 0; 
	margin:0 auto; 
	overflow:hidden;
}
.textopie{
	font:normal 13px/120% roboto; 
	color:#bbb; 
	text-align:left;
}
.textopie a{ 
	color: #bbb; 
	text-decoration:none; 
}
#seccionpie .seccion100 a {padding: 0 15px;}
.textopie a:hover{color:#000000;}
.titulopie{ 
	display:block; 
	font:normal 18px/120% roboto; 
	color:#ccc; 
	text-align:left; 
}
.logopie{margin-top:25px;}
#seccionpie{margin-bottom:15px;}
.linea{
	color: #888; 
	padding:0 9px; 
	margin:0 0px 10px 0;
}
#seccionpie:first-child .linea{margin:0 10px 10px 0;}

#seopie{line-height:31px;}
#pg{float:right;}


/*IMÁGENES*/
.bandaimg{ 
	width:100%; 
	margin:0 auto; 
	background-repeat:no-repeat; 
	background-position: center top; 
	background-size: cover; 
	height:350px; 
	overflow:hidden;
}


/*CLASES EXCLUSIVAS*/
#ficha{
	background:white; 
	padding: 5px; 
	width:24%; 
	margin: 0.5%; 
	overflow:hidden;
}
#ficha img{
	margin-bottom:5px; -webkit-transition: all 120ms ease-in;
	-moz-transition: all 120ms ease-in;
	-ms-transition: all 120ms ease-in;
	-o-transition: all 120ms ease-in;
	transition: all 120ms ease-in;
}
#ficha:hover img{ 
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}
#ficha:hover .texto1 {color: #056DA7 }

.imgcirculo{ }

.lnkcirculo{  
	width:150px; 
	height:150px; 
	border-radius:100%; 
	background:url(../images/contacto.jpg); 
	background-size:cover; 
	background-position: 0px 0; 
	margin:0 20px 0 0; 
	position:relative; 
	font: 20px/120% roboto; 
	color: #fff; 
	text-decoration:none; 
	padding: 50px 25px;  
	text-align:center; 
	display:block; 
	border-radius: 50%;
}


#fichacontacto {background:url(../images/contacto.jpg); }
#icono1 {background:url(../images/icono1.jpg); }
#icono2 {background:url(../images/icono2.jpg); }
#icono3 {background:url(../images/icono3.jpg); }

#owl-demo .item img{ 
	display: block; 
	width: 100%; 
	height: auto;
}

/*CARTA*/
#carta{
	background: white; 
	margin: 0.5%; 
	padding:5px; 
	width:99%; 
	text-align:center; 
	float:left;
}

#carta > li{list-style: none; padding:6px 0;}
.hcarta{ 
	background:#6AC4E4; 
	color:#fff; 
	text-align:center; 
	letter-spacing:2px
}

.cartadesc{ 
	color: #777; 
	display:block;
}
 
/*TABLAS*/
.tabla{display:table;}
.tablacont{
	display:table-cell; 
	vertical-align: middle; 
	float:inherit;
}

/*MENÚ*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav {
	height: 30px;
	width: 100%;
	background: #056da7;
	font-size: 11pt;
	font-family: Arial, sans-serif;
	font-weight: normal;
	position: relative;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	max-width:900px;
	height: 30px;
}
nav li {
	display: inline;
	float: left;
	width: 16.666%;
}
nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	padding: 0px;
	width: 100%;
}
nav li a {
	background:#056da7;
	border-right: 1px solid #056da7;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active, .select {
	background-color: #01498e;
}
nav a#pull {
	display: none;
}
/********** DATOS CONTACTO ************/

#contacto_datos  p span:first-child{display:block;}
#contacto_datos  p{margin-bottom:20px;}
.contacto_titulo {
	font:normal 18px Play,arial; 
	color:#056DA7; 
}
.contacto_titulo1 {
	font:normal 22px Play,arial; 
	color:#056DA7; 
}
.contacto_info{font-size:15px;}


/********** FORMULARIO ************/
	#formulario{}
    .error{border:3px solid red!important;}
    #contacto_formulario{ margin:0 auto; }
	
	 /* mesanje al ser enviado el formulario */
     #LabelEnviado {
     	background:url(../images/ico_enviado.png) no-repeat;
     	display:inline-block;
     	height:26px;  
     	padding-left:30px;
     	font:normal 16px/26px arial; 
     	margin:20px auto;  
     }

     #LabelError {
     	background:url(../images/ico_error.png) no-repeat;
     	display:inline-block;
     	height:26px;  
     	padding-left:30px;
     	font:normal 16px/26px arial;
     	margin:20px auto;
     }    

	 
     /* textobox del formulario */
	 .feedback-input {
         box-sizing: border-box;
	    color:#3c3c3c;
	    font-family: Helvetica, Arial, sans-serif;
      	font-weight:500;
	    font-size: 18px;
	    border-radius: 0;
	    line-height: 22px;
	    background-color: #f3f3f3;
	    padding: 8px 13px 8px 54px;
	    margin-bottom: 10px;
	    width:100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
      	border: 3px solid rgba(0,0,0,0);
    }

    .feedback-input:focus{
	    background: #fff;
	    box-shadow: 0;
	    border: 3px solid #172983;
	    color: #172983;
	    outline: none;
      	padding: 8px 13px 8px 54px;
    }


	

    /* Iconos  */
    #name{
	    background-image: url(../images/ico_name.png);
	    background-position: 11px center;
	    background-repeat: no-repeat;
    }


    #remitente{
	      background-image: url(../images/ico_email.png);
	    background-position: 11px 6px;
	    background-repeat: no-repeat;
    }



    #phone{
	      background-image: url(../images/ico_phone.png);
	    background-position: 11px center;
	    background-repeat: no-repeat;
    }


    #comment{
	      background-image: url(../images/ico_comment.png);
	    background-position: 11px 4px;
	    background-repeat: no-repeat;
    }
	
	input[type="text"], input[type="email"], textarea{
		color:#3c3c3c;
	    font-family: Helvetica, Arial, sans-serif;
      	font-weight:500;
	    font-size: 18px;
	    border-radius: 0;
	    line-height: 22px;
	    background-color: #f3f3f3;
	    padding: 8px 13px 8px 54px;
	    margin-bottom: 10px;
	    width:100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
      	border: 3px solid rgba(0,0,0,0);
	}	

    


	
     /* boton enviar */ 
	 
     input[type="reset"], input[type="submit"]{
	    font-family: 'Play', Arial, Helvetica, sans-serif;
	    float:left;
	    width: 20%;
	    border: #ccc solid 4px;
	    cursor:pointer;
	    background-color: #183868;
	    color:white;
	    font-size:14px;
		margin-top:5px;
	    padding-top:8px;
	    padding-bottom:8px;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transition: all 0.3s;
      	font-weight:700;
      	margin-right: 10px;
    }

     input[type="submit"]:hover, input[type="reset"]:hover{
	    background-color: rgba(0,0,0,0);
	    color: #025387;
    }
	
    input[type="submit"] {
	    color: #3498db;
    }

    .aviso-success, .aviso-error{
    	color:#3c3c3c;
	    font-family: Helvetica, Arial, sans-serif;
      	font-weight:500;
	    font-size: 18px;
	    border-radius: 0;
	    line-height: 25px;
	    background-color: #f3f3f3;
	    padding: 8px 13px 8px;
	    margin-bottom: 10px;
	    margin-top: 30px;
	    width:100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;   
	    text-align: center;   	
    }
    .aviso-success{border: 3px solid green;}
    .aviso-error{border: 3px solid red;}
	
	
	
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 33.333%;
  		float: left;
  		position: relative;

  	}
  	nav li a {
		border-bottom: 1px solid #505050;
		border-right: 1px solid #505050;
	}
  	nav a {
	  	text-align: center;
	  	width: 100%;
		line-height: 44px;
		padding: 0px;
  	}
	.contenido{width:100%;}
	.logo{width:100%; margin:15px 0px;}
	.eslogan{background: #e0e0e0; width:100%; text-align:center; margin:0; padding:3px 0;}
	
	.seccion25{width:50%;}
	.seccion33{width:100%;}
	.seccion66{width:100%;}
	
	.logopie{float:left;}
	#seccionpie:first-child .linea{margin:0 0px 10px 0;}
	#portada { background-image: url(../images/bandaimg2.jpg) !important} 
	#seccionpie .seccion100 a {padding: 0 6px;}
	.textofoto {margin-top:83px; padding: 21px 20px;}
	
	
	
	
	
	
}

/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #000;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 12px;
	}
	
	
		.seccion50{width:100% !important; }
		.seccion66{width:100% !important;}
		.seccion33{width:100% !important;}
		#ficha{width:49%;}
		
		.logopie{display:none;}
		.imgcirculo{ float:inherit; margin: 0 auto; margin:0 auto 20px;}
		.tablacont{display:block;}
		.tablacont .titulo2, .tablacont .texto2{text-align:center;}
		.textofoto {margin-top:83px;}
		.imgcirculo{ overflow:hidden; width:100%; }
		.lnkcirculo {margin: 0 auto;}
		#venta { background-image: url(../images/venta2.jpg) !important}
		#alquiler { background-image: url(../images/carta2.jpg) !important}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #505050;
	}
	.logo{width:100%; margin:15px 0; text-align:center;}
	#seccionpie .seccion100 a {display: block; line-height: 180%;}
	.textopie {line-height: 150%;}
	.textofoto {margin-top:83px;}
	
	

}