@font-face {
    font-family: 'Flama-Light';
    src: url('../fuente/Flama-Light.otf');
}

body {
	background: #fff;
	font-family: Flama-Light, serif;
}
header{
	background: #f3f4f5;
	font-family: Flama-Light, serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #444; 
	font-family: Flama-Light, serif;
}
p {
	color:#777;
	font-family: Flama-Light, serif;
}
/*General*/
.centrar {
	text-align:center;
}
.gris {
	color:#aaa;
	padding-top:1.5em;
	font-size:0.8em;
}
.mb{
	margin-bottom:0.4em;
}
/* Encabezado */
header{	
	overflow:auto;
	padding: 1em 0em;
}
.logo {
	width:39%;
	float:left;
}
.menu {
	width:30%;
	float:left;
	margin-top:0.5em;
	letter-spacing:0.5px;
	text-align:center;
}
.menu a{
	padding: 1em;
	color:#777;
}
.menu a:hover{	
	color:#00a7ce;
	text-decoration:none;
}
.acciones{
	width:30%;	
	float:left;
}
/* Botones */
.accion1:focus, .accion2:focus, .accion3:focus{
	outline: 0px auto -webkit-focus-ring-color;
}
.accion1{
	margin:0em 0.4em;
	padding: 0.8em;
	background: #00a75e;
	border: 0px solid #00a75e;
	color:#fff;
	visibility:visible;
	float:right;
	text-transform:uppercase;
	font-size:0.85em;
	font-weight:300;
	transition-duration: 0.3s;
	outline: 0px auto -webkit-focus-ring-color;
}
.accion1:hover{
	transition-duration: 0.3s;
	background: #00873e;
	outline: 0px auto -webkit-focus-ring-color;
}
.accion2{
	margin:1em 0.3em 0.5em;
	visibility:visible;
	font-weight: 300;
	background:#00A6CF;
	padding: 0.7em 1.2em;
	color:#fff;
	font-size:1em;
	text-transform:uppercase;
	transition-duration: 0.3s;
	border: 0px solid #fff;
}
.accion2:hover{
	background:#0086aF;
	transition-duration: 0.3s;
}
.accion2 span{
	text-transform:none;
}
.accion3{
	margin:1em 0.3em 0.5em;
	visibility:visible;
	font-weight: 300;
	background: #fff;
	padding: 0.7em 1.2em;
	color:#00A6CF;
	font-size:0.9em;
	text-transform:uppercase;
	transition-duration: 0.3s;
	border: 0px solid #fff;
}
.accion3:hover{
	padding: 0.7em 2em;
	transition-duration: 0.3s;
}
/* Redes */
.redes{
	text-align:center;
}
.fb{
	background-image: url("../images/iconos/fb.png");
	background-repeat: no-repeat;
	background-size:30px;
	padding-bottom: 15px;
}
.fb:hover{
	background-image: url("../images/iconos/fbc.png");
}
.in{
	background-image: url("../images/iconos/in.png");
	background-repeat: no-repeat;
	background-size:30px;
	padding-bottom: 15px;
}
.in:hover{
	background-image: url("../images/iconos/inc.png");
}
.tw{
	background-image: url("../images/iconos/tw.png");
	background-repeat: no-repeat;
	background-size:30px;
	padding-bottom: 15px;
}
.tw:hover{
	background-image: url("../images/iconos/twc.png");
}
.yt{
	background-image: url("../images/iconos/yt.png");
	background-repeat: no-repeat;
	background-size:30px;
	padding-bottom: 15px;
}
.yt:hover{
	background-image: url("../images/iconos/ytc.png");
 }
 
/*footer */
footer{
	background: #1A1C1D;
	padding: 2em;
	color:#fff;
	text-align:left;
}
footer p{
	color:#ccc;
	font-weight: 300;
	font-size:1em;
}
footer a{
	color: #fff;
	font-weight: 300;
	font-size:1em;
}
footer a:hover{
	color: #6DCFF6;
	text-decoration:none;
}
.datafiscal{
	width:70px;
	margin-bottom:1em;
}
.cuadros{
	background-image: url('../images/fondo.jpg');
	background-size:cover;
	padding: 2em 1em;
}
.cuadros h1{
	line-height:1em;
	font-weight:700;
	color:#00A6CF;
	padding-top:2em;
}
.cuadros p{
	margin: 0.5em 1em 0.5em;
	line-height:1em;
	color:#5e5e5e;
}
.cuadros hr{
	width:30px;
	border: 2px solid #00A6CF;
}

.frase{
	padding:1em;
	background:#00A6CF;
}
.frase h2{
	color:#fff;
	padding-top:2.5em;
}
.frase p{
	color:#fff;
}
.frase hr{
	border: 2px solid #fff;	
	width:40px;
}

.turnos{
	background:#E4EDF8;
	padding:2em 1em 0.5em;
	text-align:center;
	margin-bottom:0em;
	}
.turnos hr{
	width:30px;
	border: 2px solid #00A6CF;
}
/* Responsive */
@media (max-width:999px) {
	footer p{
		text-align:center;
	}
}
@media (max-width:991px) {
	.logo {
		width:35%;
	}
	.menu {
		width:35%;
	}
	.acciones{
		width:30%;	
	}
}
@media (max-width:767px) {
	.menu{
		display:none;
	}
	.logo{
		width:60%;
	}
	.acciones{
		width:40%;
	}
	.cuadros{
		padding: 0em;
	}
	.borrarpad{
		padding:0em !important;
	}
	.frase h2{
		padding-top:1em;
	}
	.frase{
		padding:0em;
	}
}
@media (max-width:600px) {
	.accion1 span{
		display:none;
	}
	.accion1{
		border-radius:200px;
	}
	.logo{
		width:80%;
	}
	.acciones{
		width:20%;
		text-align:right;
	}
	.cuadros h1{
		padding-top:1em;
	}
}