@charset "utf-8";
/* CSS Document */


@font-face {
    font-family:'Meta_normal';
    src:url('meta/metanm-webfont.ttf'), /* safari, firefox */
 	    url('meta/metanm-webfont.svg') format('svf'), /* iphone, ipad */
    	url('meta/metanm-webfont.eot') format('eot'), /* internet explorer */
    	url('meta/metanm-webfont.woff') format('woff'); /* ultimas versiones navegadores */
    	font-weight:normal;
    	font-style:normal;
}
@font-face {
    font-family:'Meta_bold';
    src:url('meta/metabd-webfont.ttf'), /* safari, firefox */
 	    url('meta/metabd-webfont.svg') format('svf'), /* iphone, ipad */
    	url('meta/metabd-webfont.eot') format('eot'), /* internet explorer */
    	url('meta/metabd-webfont.woff') format('woff'); /* ultimas versiones navegadores */
    	font-weight:normal;
    	font-style:normal;
}
@font-face {
    font-family:'Meta_black';
    src:url('meta/metabk-webfont.ttf'), /* safari, firefox */
 	    url('meta/metabk-webfont.svg') format('svf'), /* iphone, ipad */
    	url('meta/metabk-webfont.eot') format('eot'), /* internet explorer */
    	url('meta/metabk-webfont.woff') format('woff'); /* ultimas versiones navegadores */
    	font-weight:normal;
    	font-style:normal;
}
@font-face {
    font-family:'Meta_normal_caps';
    src:url('meta/metabocp-webfont.ttf'), /* safari, firefox */
 	    url('meta/metabocp-webfont.svg') format('svf'), /* iphone, ipad */
    	url('meta/metabocp-webfont.eot') format('eot'), /* internet explorer */
    	url('meta/metabocp-webfont.woff') format('woff'); /* ultimas versiones navegadores */
    	font-weight:normal;
    	font-style:normal;
}
@font-face {
    font-family:'Meta_bold_caps';
    src:url('meta/metabdcp-webfont.ttf'), /* safari, firefox */
 	    url('meta/metabdcp-webfont.svg') format('svf'), /* iphone, ipad */
    	url('meta/metabdcp-webfont.eot') format('eot'), /* internet explorer */
    	url('meta/metabdcp-webfont.woff') format('woff'); /* ultimas versiones navegadores */
    	font-weight:normal;
    	font-style:normal;
}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body, html{
	margin: 0px;
	font-family: "Meta_normal", Arial, Helvetica;
	height: 100%;
	font-size: 18px;
	line-height: 24px;

}
img, video, object {	
   vertical-align: top;
	border: 0;
	display: inline-block;
	max-width: 100% !important;
	width: auto\9 !important;
	/*width: 100%;*/
	height: auto;
	
}
p,ul,input,textarea,label{
	font-family: "Meta_normal", Arial, Helvetica;
	font-size: 18px;
	line-height: 24px;
	color: #707173;
	word-wrap: break-word;
	text-align: left;
	}
a{
	font-family: "Meta_normal", Arial, Helvetica;
	color: #2A3F63;
	text-decoration: none;}
	
a:hover{
	color: #5679BB;
}
h1,h2{
	font-size: 35px;
	color: #005578;
	font-family: "Meta_bold", Arial, Helvetica;
	line-height: 40px;
	text-transform: uppercase;
	}

.cont{
	width: 100%;
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;

}
.barra{
	width: 100%;
	background-image: url(../img/barra.png);
	background-repeat: repeat-x;
	clear: both;
	height: 32px;	

}
.linea{
	margin-top: 40px;
	padding-top: 40px;
	border-top: solid 4px #00374F;
}
/*redes*/

.redes a{
	background-color: #005578;
	float: right;
	height: 50px;
	width: 50px;
	margin-right: 5px;
	margin-left: 5px;
	-webkit-border-radius: 0 0 25px 25px;
	-moz-border-radius: 0 0 25px 25px;
	border-radius: 0 0 25px 25px;
	text-align: center;
	padding-top: 10px;

}
.redes a:hover{
	background-color: #003348;
}
/*header*/
.back_intro{
	background-color:#009EF2;
	background-image: url(../img/city.png);
	background-repeat: repeat-x;
	background-position: bottom;	
}
.cont_graf{
	width: 100%;
	max-width: 830px;
	margin: 50px auto -100px auto;	
}
.turmis{
	clear: both;
	width: 100%;
	max-width: 447px;
	margin: 50px auto 40px auto;
	
}
.intro p{
	font-family: "Meta_bold", Arial, Helvetica;
	font-size: 27px;
	line-height: 32px;
	color: #FFF;
	background-image: url(../img/flecha2.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 80px;
	padding-bottom: 30px;
	
}
.intro ul li{
	font-family: "Meta_normal", Arial, Helvetica;
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	list-style-position: outside;
	list-style-image: url(../img/bullet.png);
	margin-left: 10px;
}
/*solicitar turno*/

.solicitar_turno{
	padding: 50px 0;
	
}
.solicitar_turno h2{
	background-image: url(../img/licencia.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 85px;
	font-size: 50px;
	line-height: 55px;
}
.solicitar_turno p{
	font-size: 20px;
	line-height: 25px;
	color: #005578;
}
.municipios {
	padding: 40px 0;
}
.municipios a {
	border: 2px solid #E8E8E8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0.5%;
	display: block;
	float: left;
	padding-top: 10px;
}
.municipios a:hover {
	border: 10px solid #E8E8E8;
	padding-top: 0px;
}
/*CONTACTO*/

.contacto{
	padding: 40px 0;
}
.contacto h2{ font-size: 57px;}
.contacto p{
	font-size: 26px;
	line-height: 30px;
	color: #005578;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-right: 40px;
}

input,textarea{
	border: 1px solid #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFF;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	}
.bot_enviar{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #005578;
	clear: both;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 40px;
	font-family: "Meta_bold", Arial, Helvetica;
	font-size: 30px;
	color: #FFF;
	background-image: url(../img/flecha.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	height: 50px;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
.bot_enviar:hover{
	background-color: #003C55;
	}
.mensaje_form{
	padding: 10px;
	background-color: #333;
	width: 100%;
	}
.mensaje_form p{
	color: #FFF !important;
	}
/*pie*/

.pie{text-align: center;}
.pie img{margin: 20px;}
.pie p{font-size: 13px;text-align: center;}

/*width: 100%;columnas*/
.left{float: left;}
.right{	float: right;}

.col-f5{width: 5%;}
.col-f10{width: 10%;}
.col-f15{width: 15%;}
.col-f20{width:20%;}
.col-f25{width:25%;}
.col-f28{width:28%;}
.col-f30{width:30%;}
.col-f35{width:30%;}
.col-f40{width:40%;}
.col-f45{width:45%;}
.col-f48{width:48%;}
.col-f50{width: 50%;}
.col-f55{width: 55%;}
.col-f60{width: 60%;}
.col-f65{width: 65%;}
.col-f75{width: 75%;}
.col-f80{width: 80%;}

.col-10{width: 10%;}
.col-15{width: 15%;}
.col-18{width: 18%;}
.col-20{width: 20%;}
.col-23{width:23%;}
.col-25{width:25%;}
.col-28{width:28%;}
.col-30{width:30%;}
.col-31{width:31.3%;}
.col-33{width:33.3%}
.col-35{width:35%}
.col-40{width:40%}
.col-45{width:45%}
.col-47{width:47%}
.col-48{width:48%}
.col-49{width:49%}
.col-50{width:50%}
.col-55{width:55%}
.col-60{width:60%}
.col-66{width:66%}
.col-65{width:65%}
.col-70{width:70%}
.col-75{width:75%}
.col-80{width:80%}
.col-85{width:85%}
.col-90{width:90%}
.col-95{width:95%}
.col-100{
	width: 100%;
	clear: both;
	float: left;
}

@media (max-width:950px){
.col-5,.col-10,.col-15,.col-18,.col-20,.col-25,.col-28,.col-30,.col-31,.col-33,.col-35,.col-40,.col-45,.col-47,.col-48,.col-49,.col-50,.col-55,.col-60,.col-65,.col-66,.col-70,.col-75,.col-80,.col-85,.col-90,.col-95,.col-20{width:100%}
.cont{
	width: 100%;
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}
.barra{
	width: 100%;
	background-image: url(../img/barra.png);
	background-repeat: repeat-x;
	background-size: auto 22px;
	clear: both;
	height: 22px;	

}
/*header*/
.redes a{
	background-color: #005578;
	float: right;
	height: 25px;
	width: 25px;
	margin-right: 5px;
	margin-left: 5px;
	-webkit-border-radius: 0 0 25px 25px;
	-moz-border-radius: 0 0 25px 25px;
	border-radius: 0 0 25px 25px;
	text-align: center;
	padding: 5px;

}
.back_intro{
	background-color:#009EF2;
	background-image: url(../img/city.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 70%;	
}
.cont_graf{
	width: 100%;
	max-width: 830px;
	margin: 50px auto -40px auto;	
}
.intro p{
	font-family: "Meta_bold", Arial, Helvetica;
	font-size: 20px;
	line-height: 25px;
	color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 0px;	
}
/*solicitar turno*/

.solicitar_turno h2{
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 0px;
	font-size: 25px;
	line-height: 40px;
}
/*CONTACTO*/
.contacto h2{ font-size: 35px;}
.contacto p{
	font-size: 18px;
	line-height: 22px;
	color: #005578;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-right: 30px;
}
}