@charset "utf-8";

/* CSS Document */

@import url(normalize.css);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,400italic,700italic,300);







/*resets*/

*{

	box-sizing:border-box;

	border:none;

	text-decoration: none;

}

ul, ol{

	margin: 0;

	padding: 0;

	list-style: none;

}



figure{

	margin: 0;

	display:block;

}



.img-responsive {

	width:100%;

	height:auto;

	

	}





/*boton arriba*/

#IrArriba {

position: fixed;

bottom: 30px; 

right: 30px; 

}



#IrArriba span {

width: 60px; 

height: 60px; 

display: block;

background: url(imgs/arriba.png) no-repeat center center;

}



/*basicos*/

html{

	font-size: 10px;

	overflow-x: hidden;

}



body { font-family:Arial, Helvetica, sans-serif;

background:url(imgs/fondo.jpg) repeat-x #fff;

}



h1 { font-size:2.9em;

font-weight:400;

	

	}



h2 { font-size:1.5em;

font-weight:200;

color:#003264;

line-height:1.3em;

text-align:center;



	

	}



h3 { 

	font-size:1.05em;

	font-weight:200;

	color:#333;/*#6AA9CC*/

	/*font-weight:bold;*/

	text-align:left;

	

	}


#contenedor {
	margin:auto;

	max-width: 1224px;}


#container{

	margin:auto;

	max-width: 1224px;

	;

}

.encabezado{

	padding-left:1em;

	padding-right:1em;

	max-width:1224px;

	height:190px;/*190*/

	margin-left:auto;

	margin-right:auto;

}



.titulos{

	

	text-align: left;

	font-size: 1.8em;

	color: #000;

	

	margin-top: 1em;

	margin-bottom:0.5em;

	width: 90%;

	margin-left:auto;	

	margin-right:auto;

	border-radius: 5px;

	padding:0.5em;

}
.sub{
	text-align: center;
	float:none;
	font-size: 1.4em;
	color: #FFF;	
	width: 30%;
	margin:auto;	
	border-radius: 5px;
	background-color:#900;
	padding:0.5em;
	font-weight:bold;
	text-decoration:none;

}

.sub a {
	color:#FFF;
	text-decoration:underline;

}

.top{

	max-width:1000px;

	float:left;

	color:#FFF;

	font-size:4em;

	line-height:0.8em;

	text-align:left;

	padding-top:0.2em;

	z-index:1000;

}





.traductora {



	font-size:1.8em;

	text-align:right;

	color:#333;

	padding-top:1em;

	padding-bottom:0.1em;

	margin-top:2.5em;

	line-height:1.4em;

	}

	

/*.traductora a{

	color:#000;

}*/





.logo {

	float:right;

	width:70%;

	margin-top:0.5em;

	}



.logo img {

	width:100%;

	height:auto;

	}



.cleaner{

	clear: both;

}

img-responsive{

	width: 100%;

	height:auto;

}





.rojo{

	height:5px;

	background-color:#6AA9CC;

}





.toogle-button { display:none;

	

	}



.botonera ul{

	

	margin-top: 0;

	text-transform: none;

	text-decoration: none;

	width: 100%;

	margin-left: 0;

	padding-bottom: 3em;	

	}

.botonera li{

	float:left;

	text-transform:none;

	text-decoration:none;

	text-align:center;

	display:block;

	width:32.33%;

	margin-right:0.5%;
	margin-left:0.5%;

	background-color:#fff;

	font-weight:700;
	border:thin solid #222;

	}



.botonera li:last-child a {

	margin-right:-1px;

	}



.botonera a{

	padding-top:1em;

    padding-bottom:0;

	display:block;

	font-size:1.4em;

	color:#222;

	text-transform:none;

	text-decoration:none;

	height:50px;/*40*/

	}



.botonera a:hover {

	background-color:#666;

	color:#FFF;

	font-weight:700;

	}	



footer {

	width:100%;



	height:4em;

	font-size:1.6em;

	color:#222;

	padding:1em 0 0em  0 ;

	text-align:center;

	margin-top:0em;

	}





.pie { /*tarsis*/

	text-align:center;

	font-size:1.3em;

	width:100%;

	margin:0.2em auto 0 auto;

	

	}

.pie a{

	text-decoration:none;

	text-transform:none;

	color:#000;

	

	}

.textos{

	widht: 1000px;

	padding-top:1em;

	padding-left: 5em;

	padding-right: 5em;

	background-image: url(imgs/fondo-gral.jpg);

}



.txt {

	width: 90%;

	font-size: 1.8em;

	color: #000;

	margin-left: auto;

	margin-right: auto;

	

	line-height: 1.5em;

	text-align: left;

	margin-bottom:0.5em;

	/*float: left;*/

	}

	

.txt1 {

	width: 80%;/*45*/

	font-size: 1.8em;

	color: #333;

	/*font-weight:bold;*/

	margin-left: auto;

	margin-top:0.5em;

	padding-left:3.5em;

	padding-top:1em;

	padding-bottom:1em;

	margin-right:auto;

	

	line-height: 1.5em;

	text-align: left;

	margin-bottom:0.5em;

	border-radius:8px;
	
	background-color: #EDEDED;
border-radius: 8px;

	}



.txt2 {

	width: 80%;

	margin:auto;

	}





.txt3 {

	width: 30%;

	margin-left: 0em;

	margin-right:1.5em;;

	margin-top:1em;

	margin-bottom:0.5em;

	float: right;

	}

	

.contacto {

	width: 100%;

	font-size: 1.7em;

	color: #000;

	margin-left: 1em;

	margin-right: 0;



	text-align: center;

	float: left;

	}

	

.mail{

	font-size:1.3em;

	font-weight:200;

	color:#CD0000;

	font-weight:bold;

	padding-bottom:1em;

	padding-top:1em;

	

	}



.mapa{

	width:80%;

	margin:auto;

	text-align:center;

}





.galeria {

	width: 31.3%;

	margin-top:1.7em;

	

	margin-left:1%;

	margin-right:1%;

	float: left;



    }



.galeria2{

    height: 200px;    

    justify-content: center;

    align-items: center;

    display: flex;

        }





.galeria2 img {

        max-height:200px;



        }   





.img-galeria {

	width: 100%;

	height:auto;

	float:none;

	margin: 0 auto;

	}









.galeria article:nth-of-type(3n){

		margin-right: 0;

	}

	

.resaltado{

	width:90%;

	margin:auto;

	background-color:#333;

	border-radius:8px;

	color:#FFF;

	padding:0.5em;

	text-align:center;

	font-weight:bold;

}

.resaltado a{

	color:#FFF;

}



/*////////////*/



@media screen and (max-width: 988px){

	

.encabezado { 

width:100%;

text-align:center;

height:300px;

	

	}

	

.traductora {

	/*font-size:1.6em;*/

	text-align:center;

	padding-bottom:0em;

	padding-top:0em;

	margin-top:0em;

	}



	

.top{



	width:100%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

}



.porta {

	float:none;

	width:100%;

	

	}



.logo {

	width:100%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	

	

	}

.botonera li {

	margin-top:0.5em;

	

	}



.txt1 {

	margin-left: 0em;

	padding-left:1em;

	}

	



}



@media screen and (max-width: 898px){

	

	

.top{



	width:100%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

		

	

}



.porta {

	float:none;

	width:100%;

	

	}



.logo {

	width:100%;	

	float:left;

	margin-left:auto;

	margin-right:auto;

	

	}



	

	nav {

		display:none;

		

		}

	

	.portabotones {

	height:auto;

	

	}

		

.toogle-button { display:block;

	

	}



.toogle-button{

	display: block;

	width: 50px;

	margin:0.5em auto 1em auto;

	background-color: #333;

	border-radius: 10px;

	padding: 10px;

}

.toogle-button span{

	display: block;

	border-top: solid 2px #fff;

	border-bottom: solid 2px #fff;

	height: 16px;

	position: relative;

	text-indent: -9999px;

}

.toogle-button span:after{

	content: '';

	width: 100%;

	height: 2px;

	background-color: #fff;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -1px;

}



.botonera ul{



	margin-top:0;

		text-transform:none;

	text-decoration:none;

	width:100%;

	margin-left:0;

	

	

	}

.botonera li{

	width:100%;

	margin-right:auto;

	margin-left:auto;

	border-bottom:#FFFFFF 1px solid;

	margin-top:0;

	

	

	

	}







.botonera a{

	

	display:block;

	font-size:1.2em;

	color:#FFF;

	text-transform:none;

	text-decoration:none;

	padding-top:1.5em;

	padding-bottom:1em;

	background-color:#222;

	

	}



.botonera a:hover {

	

	background:none;

	background-color:#666;

	color:#FFF;

	font-weight:700;

	

	}





.nombre {

	font-size:1.6em;

	text-align:center;

	padding-top:2em;

	}

	

.traductora {

	font-size:1.6em;

	text-align:center;

	color:#000;

	padding-bottom:0.8em;

	padding-top:0em;

	}





.textos{

	widht: 100%;

	padding-top:1em;

	padding-left: 1em;

	padding-right: 1em;

}



.txt1 {

	width: 100%;

	margin-left: 0.2em;

	margin-bottom:0.5em;

	float: left;

	text-align:left;

	padding-top:0em;

	padding-left:0.5em;

	font-size:1.7em;



	}



.txt2 {

	width: 100%;

	margin:auto;

	float: none;

	}



.txt3 {

	width: 50%;

	margin-left: 0.5em;

	margin-right:0.3em;;

	margin-top:1em;

	margin-bottom:0.5em;

	}

	

.servicios {

	width: 100%;

	margin-left: 0.5em;

	margin-bottom:0.5em;

	float: left;

	}





.galeria {

	width:35%;

	text-align:center;

	float:left;

	margin-right:1em;

	margin-left:2em;

	margin-bottom:1em;

	}







.galeria article:nth-of-type(2n){

		margin-right: 0;



}







}



	

@media screen and (max-width: 655px){	

.sub{
	width: 70%;
}

.txt3 {

	width: 50%;

	margin-left: 0.5em;

	margin-right:0.3em;;

	margin-top:1em;

	margin-bottom:0.5em;

	}



.galeria {

	width:40%;

	text-align:center;

	float:left;

	margin-right:1em;

	margin-left:1em;

	margin-bottom:1em;

	}

}







@media screen and (max-width: 455px){

body { 

background:url(imgs/fondo.jpg) repeat-x #fff;

}	

.titulos{

	width:100%;

	border-radius:0em;

}





.tel {

	display:block;

float:right;

width:50%;

margin-top:0.8em;



	

	}

	

.txt3 {

	width: 100%;

	margin-left: 0.5em;

	margin-right:0.3em;;

	margin-top:1em;

	margin-bottom:0.5em;

	}

	



.txt2 {

	width: 100%;

	margin-left:auto;

	margin-right:auto;

	}



.mapa{

	width:100%;

}



.galeria {

	width:100%;

	text-align:center;

	float:left;

	margin-right:1em;

	margin-left:0em;

	margin-bottom:1em;

	}

	

	

}