@import url(normalize.css);

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

@import 'https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin-ext';

@import url('https://fonts.googleapis.com/css?family=Trirong:200,300,300i,400,500,600,700&subset=latin-ext');



/*resets*/

*{

	box-sizing:border-box;

	border:none;

	text-decoration: none;

}

ul, ol{

	margin: 0;

	padding: 0;

	list-style: none;

}



figure{

	margin: 0;

	display:block;

}





/*boton arriba*/

#IrArriba {

position: fixed;

bottom: 30px; /* Distancia desde abajo */

right: 30px; /* Distancia desde la derecha */

}



#IrArriba span {

width: 60px; /* Ancho del botón */

height: 60px; /* Alto del botón */

display: block;

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

}



/*basicos*/

html{

	font-size: 10px;

}



body { font-family: 'Trirong', serif;

background:url(imgs/fond.jpg) repeat-x #031E56;



	

	}

h1 { font-size:2.9em;

font-weight:400;

	

	}



h2 { font-size:1.5em;

font-weight:200;

color:#004080;

margin-top:-0em;

	

	}



h3 { font-size:1.1em;

font-weight:200;

color:#069;

	

	}



.imagen-responsive {

	width:100%;

	height:auto;

	

	}





#container{

	margin:auto;

	max-width: 1000px;

	border: hidden dotted 1px #000000;

	

}



.bonera {

	



	margin-bottom:2em;

	

	}





.portabotones {

	max-width:1100px;;

	margin-left:auto;

	margin-right:auto;

	min-height:120px;

	padding-top:0em;



	

	}

#top{

	width:50%;

	float:left;

	margin-left:auto;

	margin-right:auto;

	

}

#top img{

	max-width:582px;

	height:auto;

	margin-top:2.5em;

}



.sostenedor {

	width:50%;

	float:left;

	margin-left:0%;

	

	

	}



.cleaner{

	clear: both;

}

imgresponsive{

	width: 100%;

	height:auto;

}



.color {

	color:#FF6;

	

	

	}



.lavanda {

	color:#2D6F68;

	

	}



.toogle-button { display:none;

	

	}







.botonera ul{

	

	margin-top:5em;

		text-transform:none;

	text-decoration:none;

	

	

	margin-left:auto;

	margin-right:auto;

	font-family: 'Roboto', sans-serif;

	

	}

.botonera li{

	

	float:left;

	text-transform:none;

	text-decoration:none;

	text-align:center;

	display:block;

	width:30%;

	border:thin solid #FFF;

	border-radius:5px;

	margin-top:1.4em;

	margin-right:3%;

	

	padding:0.2em;

	margin-top:3em;

	

	

	}




.botonera li:last-child{
	margin-right:0;}



.botonera a{

	padding:0.7em;

	display:block;

	font-size:1.6em;

	color:#fff;

	text-transform:none;

	text-decoration:none;

	background:#0042CA;



	

	}



.botonera a:hover {

	

	background:none;

	background-color:#031E56;

	color:#FFF;

	

	

	}







.principal{

	font-size:2.2em;

	color:#fff;

	max-width:1000px;

	padding:1em;

	/*border-top:thin solid #ccc;*/

	margin-top:1em;

	line-height:normal;



	}



.contenido{

	font-size:1.8em;

	color:#00254A;

	max-width:1000px;

	padding:1em;

	/*border-top:thin solid #ccc;*/

	margin-top:1em;

	line-height:normal;

	background:#fff;

	margin-bottom:1em;

	font-family: 'Roboto', sans-serif;

	border-radius:5px;



	}





.tratamientos{

	font-size:1.7em;

	color:#000;

	max-width:1000px;

	padding:1em;

	/*border-top:thin solid #ccc;*/

	margin-top:1em;

	line-height:normal;

	text-align:justify;



	}



	

.nosotros img {

	

	width:40%;

	height:auto;

	float:right;

	margin:0em 0em 0.5em 3em;

	

	}





section {width:90%;

margin-left:auto;

margin-right:auto;

position:relative;

	background-color:#ECE7BF;

	

	}

	





footer {

	width:100%;



	

	font-size:1.4em;

	letter-spacing:0.2em;

	line-height:1.4em;

	color:#fff;

	padding:1em 0 1em  0 ;

	border-top: thin solid #ccc;

	

	}



	

	

.red {

	float:left;

	width:20%;

	margin-left:4%;

	}

	

	

.red img {

	display:block;

	width:106px;

	

	

	

	}



.dire {

	width:100%;

	

	float:right;

	text-align:center;

	margin-top:0em;

}

.tel {

	display:none;

	

	} 



.pie {

	text-align:center;

	

	font-size:0.8em;

	width:100%;

	margin:0 auto 0 auto;

	

	}

.pie a{

	text-decoration:none;

	text-transform:none;

	color:#FFFFFF;

	background:#000;

	

	}

/*quienes*/



.qq {

	width:100%;

	height:141px;

	background:url(imgs/ee.jpg) center no-repeat;

	

	}

/*trabajos*/



article.caja {

	width:28%;

	margin-right:1em;

	margin-bottom:1em;

	margin-left:0.3em;

	background-color:#F5F7EA;

	padding:1em;

	font-size:1.4em;

	color:#000;

	float:left;

	min-height:270px;

	}



.tt {

	width:100%;

	height:141px;

	background:url(imgs/tt.jpg) center no-repeat;

	

	}



/



/*contacto*/



.imagen {

	width:100%;

	height:170px;

	background:url(imgs/cc.jpg);

	

	}

	

input,textarea {

	margin-top:2%;

	border: 1px dotted #999;

	color:#000000;

	font-family : inherit;

  font-size   : 100%;

  width:100%;

	

	}

	

.verif{ display: none; }





form {

	background:url(imgs/ff.jpg) repeat-x;

	}



.frase {

	

	

	float:right;

	width:100%;

	text-align:center;

	margin-top:1.5em;





font-size:2.3em;



	margin-left:auto;

	margin-right:auto;

	padding:0.5em;

	border-radius:5px;

	background:#fff;

	color:#000;

	letter-spacing:0;

	font-family: 'Roboto', sans-serif;

	

	border:thin solid #000;

	

	}



.fraseabajo {

	font-size:2.1em;

	color:#fff;

	text-align:center;

	margin-top:0em;

	line-height:1.25;



	

	}



.derecha {

	max-width:332px;

	height:auto;

	float:right;

	margin: 1em 0 1em 1em;

	

	}



.derecha img {

	border-radius:5px;

	border:thin solid #fff;

	

	}



.columna {

	width:48%;

	margin-left:1%;

	margin-right:1%;

	float:left;

	

	}



.linea {

	border-bottom:dotted 1px #333;

	

	}



.topdos {

	border-top:thin solid #fff;

	border-bottom:thin solid #fff;

	

	}



.titulo {

	color:#fff;

	letter-spacing:0.2em;

	font-size:1.4em;

	color:#fff;

	text-align:center;

	padding:0.2em;

	background:#D59C4E;

	margin-top:1em;

	

	

	}



.solicite a { border:thin solid #004080;

padding:0.25em;

border-radius:5px;

color:#004080;

	}



.urgencias{

	font-size:0.8em;

	

	text-align:center;

	margin-left:auto;

	margin-right:auto;

	padding:0.5em;

	border-radius:5px;

	background:#fff;

	color:#000;

	letter-spacing:0;

	font-family: 'Roboto', sans-serif;

	line-height:1.7em;

	border:thin solid #FF6;

	}

	

.desde{

	width:60%;

	font-size:1.1em;

	text-align:center;

	margin-left:auto;

	margin-right:auto;

	padding:0.5em;

	border-radius:5px;

	background:#000;

	color:#FF9;

	letter-spacing:0;

	font-family: 'Roboto', sans-serif;

	border:thin solid #FF6;

	}





.contacto2{

	width:80%;

	font-size:1.1em;

	text-align:center;

	margin-left:auto;

	margin-right:auto;

	padding:0.5em;

	border-radius:5px;

	/*background:#006;*/

	color:#FF9;

	letter-spacing:0;

	font-family: 'Roboto', sans-serif;

	border:thin solid #FF6;

	}







/*media queri///////////////////////////////////*/



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

	

	#top {

		width:90%;

		margin-left:auto;

		margin-right:auto;

		float:none;

		text-align:center;

		

		}

	

	#top img{

		

		

		

		}

	

	.sostenedor {

	width:90%;

	margin-left:5%;

		margin-right:5%;

		float:none;

		margin-top:-5em;

	

	

	}



.botonera li{

	width:31%;



	

	}



	.frase {

	margin-top:-1.5em;

	font-size:2.8em;

	

	}



	}

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



article.caja {

	width:80%;

	min-heigh:5px;

	margin-left:auto;

	margin-right:auto;

}

article.alqui {

	width:80%;

	

	margin-left:auto;

	margin-right:auto;

}





}

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

	

	

#top{

	margin-bottom:5.5em;

	

	

	}





	

	nav {

		display:none;

		

		}

		

.toogle-button { display:block;

	

	}



.toogle-button{

	display: block;

	width: 50px;

	margin:9em auto 1em;

	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{

	

	

	margin-top:0;

	width:100%;

	margin-right:auto;

	margin-left:auto;

	border-bottom:#FFFFFF 1px solid;

	

	

	

	}







.botonera a{

	padding-top:1em;

  padding-bottom:1em;

	display:block;

	font-size:1.5em;

	

	text-transform:none;

	text-decoration:none;

	height:auto;

	margin-top:0;

	

	

	

	}



.botonera a:hover {

	

	background:none;

	background-color:#000;

	color:#FFF;

	font-weight:700;

	

	}



.principal {

	margin-top:1em;

	

	}

.dire {

	letter-spacing:0.1em;

	

	

	}



.tel {

	display:block;

width:90%;

margin-left:auto;

margin-right:auto;

text-align:center;



	

	}





.red {

	width:10.6%;

	

	

	}

red img{

	

	margin-left:auto;

	margin-right:auto;

	

	

	}

.lanza {

	width:45%;	

	

}



table {

	width:90%;

	margin-left:auto;

	margin-right:auto;

	height:auto;

	

	}



.nosotros img {

	width:80%;

	margin:0.5em auto 0.5em auto;

	float:none;

	

	}

	

	.tratamientos{

	

	text-align:left;



	}

	

.columna {

	width:90%;

	margin-left:5%;

	margin-right:5%;

	float:none;

	

	}

.principal {

	font-size:1.8em;}

	

	

	

.frase {

	

	

	float:right;

	width:100%;

	text-align:center;

	margin-top:2.4em;





font-size:2.2em;



	margin-left:auto;

	margin-right:auto;

	padding:0.5em;

	border-radius:5px;

	background:#fff;

	color:#000;

	letter-spacing:0;

	font-family: 'Roboto', sans-serif;

	

	border:thin solid #000;

	

	}

	.desde{

	width:100%;

	}	


contacto2{

	width:90%;

	

	

	padding:0.2em;

	


footer {
	display:none;}


}