*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
}
body,html{
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
}
h1,h2,h3,a{
	font-family: 'Roboto Slab', serif;
}
a:hover{
	text-decoration:none;
}
p{
	margin:0;
}
h1,h2,h3,h4{
	margin:0;
}
h2{
	margin-top:0;
	margin-bottom:4px;
}

#logoMiniatura{
	float:right;
}
#logoGrande{
	display:none;
}
header{
	background-color:rgb(51, 51, 51);
	padding:10px;
	width:100%;
	margin:0;
}

header i{
	color:white;
	font-size:26px;
	float:right;
	margin-top:5px;
}
header:after{
	display:block;
	content:"";
	clear:both;
}

.bt-menu{
	float:left;
}
.menuMovil{
	background-color:rgb(51, 51, 51);
	width:70%;
	height:100%;
	position:fixed;
	left:-100%;
	top:62px;
	z-index: 2;

}
.menuMovil ul{
	overflow:hidden;
	list-style:none;
	margin:0;
}
.menuMovil ul li{
	display:block;
	float:none;
	border-bottom:1px solid white;
}
.menuMovil ul li a{
	color:white;
	padding:20px;
	text-decoration:none;
	display:block;
}
header:after{
	display:block;
	content:"";
	clear:both;
}
.fondoPortada{
	background-color:#fafafa;
	
}
.menuEscritorio{
	display:none;
}
.main{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	opacity:.99;
	max-height:500px;
	padding:0;
}
.main:after{
	display:block;
	content:"";
	clear:both;
}
.slides{
	width:100%;
	margin:0 auto;
	max-height:450px;
	padding-top:0px;
}
.slidesjs-pagination {
	background:#424242;
	list-style:none;
	overflow:hidden;
	display:none;
}
.slidesjs-pagination li {
	float:left;
}
.slidesjs-pagination li a {
	display:block;
	padding:10px 20px;
	color:#fff;
	text-decoration:none;
}
.slidesjs-pagination li a:hover {
	background-color:#000;
}
.slides .active{
	background-color:#000;
}
.slidesjs-navigation{
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	padding:13.5px 20px;
	float:right;
}
.fondo{
	background:rgba(51,51,51,.3)
}
.titular{
	width:100%;
	max-width:1100px;
	margin:10px auto;
	padding:5px;
	background-color: rgba(191,58,58,.8);
}
.titular h1{
	font-size:20px;
	color: #fafafa;
}

#presentacion{
	padding-top:1px;
	background:#333;
	margin:0 auto;
}
.wrapper-presentacion{
	margin:0 auto;
	max-width:1100px;
	width:100%;
	text-align:center;
	color:#fafafa;
}
.wrapper-presentacion h2{
	margin-top:15px;
	font-size:20px;
}
.wrapper-presentacion:after{
	clear:both;
	display:block;
	content:"";
}
.icono{
	width:160px;
	height:160px;
	border-radius:80px;
	margin:20px auto;
	overflow:hidden;
}
.icono a{
	display:block;
	width:100%;
	height:100%;
}

.icono i{
	color:#FFF;
	font-size:75px;
}
.wrapper-icono{
	display:inline-block;
	color:#fff;
	margin-bottom:20px;
	max-width:260px;
}

.wrapper-icono:after{
	clear:both;
	display:block;
	content:"";
}
.wrapper-icono h2{
	font-size:18px;
	color: #fafafa;
}
.wrapper-icono p{
	font-size:14px;
	text-align:center;
	margin-bottom:18px;
	max-width:260px;
}
.enlace{
	background:#CCCCCC;
	color:#333;
	font-size:18px;
	padding:6px;
	border-radius:2px;
	width:80px;
}
.flecha-down1 {
	margin-left:25px;
	position:absolute;
    width:0px;
    height:0px;
    border-left:15px solid transparent; /* izquierda flecha */
    border-right:15px solid transparent; /* derecha flecha */
    border-top:15px solid #fafafa; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
}
.flecha-down2 {
	margin-right:25px;
	position:absolute;
	right:0;
    width:0px;
    height:0px;
    border-left:15px solid transparent; /* izquierda flecha */
    border-right:15px solid transparent; /* derecha flecha */
    border-top:15px solid #333; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
}
.descripcion-portada{
	text-align:center;
	margin:0 auto 10px auto;
	width:90%;
	max-width:1100px;
}
.descripcion-portada h2{
	margin-top:15px;
	margin-bottom:5px;
	font-size:20px;
}
.descripcion-portada:after{
	display:block;
	content:"";
	clear:both;
}
.columna p{
	font-size:16px;
	text-align:left;
}

.flecha-down3 {
	margin-left:25px;
	position:absolute;
    width:0px;
    height:0px;
    border-left:15px solid transparent; /* izquierda flecha */
    border-right:15px solid transparent; /* derecha flecha */
    border-top:15px solid #fff; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
}
.fixed-header{
	display:none;
}

.menuFixed{
	display:none;
}
.pie-pagina{
	background-color:#bf3a3a;
	text-align:center;
	margin:0 auto;
	padding-top:15px;
}
.pie-pagina h2{
	margin:0;
}
.pie-pagina:after{
	display:block;
	content:"";
	clear:both;
}
.contacto h3{
	margin-bottom:15px;
	font-size:20px;
}
.form-item{
	text-align:left;
	margin:10px 0;
}
.form-item:first-child{
	margin-top:0;
}
label{
	display:block;
	font-size:14px;
	color:#fafafa;
	margin-bottom:5px;
}
.check{
	text-align:left;
}
input#checkCondiciones{
	width:20px;
	display:inline-block;
	text-align:left;
}
.check label{
	font-size:12px;
	display:inline-block;
	margin-bottom:8px;
}
input,
textarea{
	border:1px solid #333;
	padding:6px;
	font-size:12px;
	color:#000;
	border-radius:2px;
	width:100%;
	background:#fafafa;
}
input{
	background:#fafafa;
}
textarea{
	resize:none;
	height:75px;
}
div.buttons{
	width:120px;
	float:right;
	border: 1px solid #fafafa;
  	border-radius: 3px;
}
.buttons input{
	background:#333;
	color:#fff;
	padding:8px;
	border-radius:2px;
}
.menufooter{
	width:100%;
	padding-top:5px;
	margin:60px auto 0 auto;
	text-align:center;
	border-top: 1px solid #fafafa;
	background-color: rgb(51,51,51);
  	min-height: 50px;
	
}
.menufooter:after{
	display:block;
	clear:both;
	content:"";
}
.wrapperMenuFooter{
	margin:0 auto;
	max-width:1100px;
}
.wrapperMenuFooter:after{
	display:block;
	clear:both;
	content:"";
}
.menufooter nav{
	max-width:1100px;
	margin:10px auto;

}
.menufooter ul{
	list-style:none;
	font-size:12px;
	margin:0;
	padding:0;
}
.menufooter ul li{
	display:inline-block;
  	margin-right:4px;
}
.menufooter ul li a{
	color:#fafafa;
}
.ubicacion{
	margin:0 auto;
	font-size:16px;
	color:#fafafa;
}
.ubicacion a{
	color:#fafafa;
}
.ubicacion iframe{
	width:100%;
	max-width:310px;
}
.formulario{
	width:100%;
	max-width:310px;
	margin:0 auto;
	color:#fafafa;
	font-size:14px;
}
.direccion{
  	padding: 8px;
	margin-bottom:15px;
	text-align:center;
}
.modal{
	position:fixed;
	background:rgba(0,0,0,.8);
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	display:none;
	z-index:0;
}
.dialogo{
	padding:10px;
	border-radius:6px;
	background:#fff;
	display:none;
	position:fixed;
	width:300px;
	top:150px;
	left:50%;
	margin-left:-150px;
}
.dialogo span{
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}
.dialogo ul{
	color:red;
	font-size:12px;
	list-style:none;
}
.dialogo ul li{
	margin-bottom:10px;
}
.error2{
	color:red;
}
.copyright{
	color:#fafafa;
	font-size:12px;
}
@media screen and (min-width:769px){

#logoMiniatura{
	float:left;
}
.bt-menu, #logoGrande{
	display:none;
}

.menuMovil{
	width:600px;
	height: auto;
 	background-color: transparent;
 	position: absolute;
 	top: 0px;
 	margin-left: -300px;
	left:50% !important;
}
.menuMovil ul li{
	float: left;
  	border-bottom: none;
  	text-align: center;
	transition:all .5s;
	padding:1px;
}
.menuMovil ul li a{
	font-size:14px;
}

.menuMovil ul li:hover{
	background:#bf3a3a;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
}	
.menuEscritorio{
	display:none;
}
.fondoPortada{
	height:600px;
}
.titular{
	margin-top: 10px;
	padding:8px;
}
.titular h1{
	font-size:24px;
}
.titular p{
	font-size:18px;
}
#presentacion{
	height:480px;
}
.wrapper-icono {
    width: 22.5%;
    margin: 1%;
}
.wrapper-icono p{
	height: 130px;
}
.descripcion-portada article{
	float:left;
	width:40%;
	text-align:left;
	margin:0% 5%;
}
.descripcion-portada h2{
	margin-top:15px;
	margin-bottom:8px;
}
.columna p{
	font-size:18px;
}
.contacto:after{
	display:block;
	clear:both;
	content:"";
}
.contacto{
	margin:0 auto;
	width:100%;
	max-width:1100px;
	text-align:center;
}
.contacto h3{
	font-size:24px;
}
.ubicacion{
	font-size:18px;
}
.direccion{
	text-align:left;
	font-size:16px;
}

.ubicacion{
	float: left;
  	width: 45%;
  	max-width: none;
  	margin-left: 2.5%;
  	margin-right: 2.5%;
}
.ubicacion iframe{
	width:100%;
	max-width:480px;
	height:200px;
}
.formulario{
	float: left;
 	width: 45%;
  	max-width: none;
  	margin-left: 2.5%;
  	margin-right: 2.5%;
}
.menufooter ul li{
	display:inline-block;
	margin-right:1.5%;
}
}
@media screen and (min-width:1025px){
.contenedor{
	margin:0 auto;
}
.cabecera{
	box-shadow:0px -1px 5px 1px #999;
	margin-bottom:1px;
}
#logoGrande{
	display:block;
}

header:after{
	display:block;
	content:"";
	clear:both;
}
header{
	margin:0 auto;
	background-color:transparent;
	display:block;
	height:auto;
	padding:0;
}
#cabecera{
	position:relative;
  	max-width: 1100px;
  	width: 100%;
	padding: 10px;
}
#logoMiniatura{
	display:none;
}
.menuMovil{
	display:none;
}

.menuEscritorio{
	background-color: rgb(51,51,51);
 	display: block;
  	position: absolute;
  	right: 0;
  	top: 90px;
  	max-width: 1500px;
  	height: auto;
  	border-radius: 3px;
  	font-size: 16px;
	z-index:2;

}
.menuEscritorio ul{
	margin: 0;
  	padding: 0;
  	list-style: none;
}
.menuEscritorio ul li{
  	float: left;
  	text-align: center;
  	padding: 12px;
	transition:all .5s;
}
.menuEscritorio ul li:hover{
	background:#bf3a3a;

	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
}
.menuEscritorio ul li a{
	font-size:16px;
	color:#fafafa;
	padding:14.5px 14px;
}
.titular {
	width: 50%;	
	margin: 0;
}
.wrapper-icono h2{
	font-size:18px !important;
	color: #fafafa;
}
.wrapper-icono p{
	height: 90px;
}
.icono{
	width:160px;
	height:160px;
	border-radius:80px;
	margin:20px auto;
	overflow:hidden;
	opacity:.8;
}
.icono:hover{
	opacity:1;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
}
.slides{
	width:100%;
	margin:0 auto;
}
.fondoPortada{
	height:650px;
}
.titular{
	margin: 15px 0;
	padding:10px;
}
.titular h1{
	margin:10px 0;
	font-size:26px;
}
.titular p{
	font-size:18px;
}
.wrapper-presentacion h2{
	margin-top:25px;
	margin-bottom:0;
	font-size:24px;
}
#presentacion{
	height:490px;
}
.descripcion-portada{
	height:350px;
}
.descripcion-portada h2{
	margin-top:25px;
	margin-bottom:10px;
	font-size:24px;
}
.columna{
	float:left;
	width:45%;
	margin-left:2.5%;
	margin-right:2.5%;
}

.flecha-down1 {
    border-left:25px solid transparent; /* izquierda flecha */
    border-right:25px solid transparent; /* derecha flecha */
    border-top:25px solid #fafafa; /* base flecha y color*/
}
.flecha-down2 {
    border-left:25px solid transparent; /* izquierda flecha */
    border-right:25px solid transparent; /* derecha flecha */
    border-top:25px solid #333; /* base flecha y color*/
}

.flecha-down3 {
    border-left:25px solid transparent; /* izquierda flecha */
    border-right:25px solid transparent; /* derecha flecha */
    border-top:25px solid #fff; /* base flecha y color*/
}
.pie-pagina{
	padding-top:30px;
}
.menuFixed{
	display:block;
}
.fixed-header{
	position:fixed;
	top:150px;
	left:0;
	display:none;
	z-index:5;
}

.menuFixed ul{
	float:right;
	width:300px;
	height: auto;
 	background-color: transparent;
	list-style:none;
	text-align:right;

}
.menuFixed ul li{
	float: left;
  	width: 15%;
  	text-align: center;
 	margin-right: 1%;
}
.menuFixed:after{
	display:block;
	content:"";
	clear:both;
}

.menuFixed ul li a{
	font-size:14px;
}
.menuFixed ul li a i{
	color:#0468bf;
}
.contacto h3{
	font-size:24px;
}
.ubicacion{
	float: left;
  	width: 45%;
  	max-width: 480px;
  	margin-left: 2.5%;
  	margin-right: 2.5%;
}
.ubicacion iframe{
	width:100%;
	height:210px;
}
.formulario{
	float: left;
 	width: 45%;
  	max-width: none;
  	margin-left: 2.5%;
  	margin-right: 2.5%;
}
}
@media screen and (min-width:1115px){
.slides{
	box-shadow: 2px 4px 9px 0px rgb(51,51,51);
}
}