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


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}

.colorojo{ color: #cd093b; }


html{
	margin: 0 0;
	padding: 0 0;
}

body{
	margin: 0 0;
	padding: 0 0;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	position: relative;
	box-sizing: border-box;
	line-height: normal;
}

.contenedor{
	margin:auto;
	width:1150px;
	max-width: 100%;
	background-color: #ffffff;
	text-align: center;
	position: relative; 
}



/* cabecera */

.cabecera{
	width:100%;
	margin:0 0 0 0;
	background-size: 100% auto;
	padding: 0px 0 20px 0;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	font-size: 0;
}

.cabeceraLinea{
	background-color: #acacac;
	height:13px;
	width: 100%;
}

.cabeceraNombre{
	display:inline-block;
	vertical-align: middle;
	width: calc(100% - 314px);
	padding: 30px 0 30px 20px;
	font-family: 'Univers LT Std', sans-serif;
	font-weight: bold;
	font-size: 34px;
	line-height: 34px;
	color: #cd093b;
	text-align: left;
}

.cabeceraLogo {
	display:inline-block;
	vertical-align: middle;
	width: 314px;
	padding: 40px 30px;
	text-align: right;
}

.cabeceraLogo img { width: 100%; }

.b_menu_movil { display:none; }

@media screen and (max-width: 1024px ){
	.cabeceraNombre{ font-size: 28px; line-height: 28px; padding: 25px 0 25px 20px; width: calc(100% - 200px); }
	.cabeceraLogo { padding: 25px 30px; width: 200px; }
	.cabeceraLogo .logo { height: 74px; }
}

@media screen and (max-width: 768px ){
	.cabecera{ padding: 0px 0 18px 0; }
	.cabeceraNombre{ font-size: 22px; line-height: 22px; padding: 25px 0 25px 15px; width: calc(100% - 150px); }
	.cabeceraLogo { padding: 20px 20px; width: 150px; }
	.cabeceraLogo .logo { height: 64px; }
}

@media screen and (max-width: 568px ){
	.cabeceraNombre{ font-size: 18px; line-height: 18px; padding: 25px 0 25px 10px; width: calc(100% - 120px); }
	.cabeceraLogo { padding: 15px 10px; width: 120px; }
	.cabeceraLogo .logo { height: 53px; }
}

@media screen and (max-width: 400px ){
	.cabecera{ padding: 0px 0 8px 0; }
	.cabeceraNombre{ font-size: 16px; line-height: 16px; width: calc(100% - 100px); }
	.cabeceraLogo { padding: 10px 10px; width: 100px; }
	.cabeceraLogo .logo { height: 39px; }
}


/* menu */

nav { margin: 0 20px; z-index: 999; font-size: 16px; color:#000000; padding-bottom: 20px; }
nav ul { overflow:hidden; list-style:none; margin:auto; padding:0 0 0 0; width:100%; display: table; }
nav ul li { position: relative; display: table-cell; box-sizing: border-box; padding: 3px 0 1px 0; cursor: pointer; text-align: center; }
nav ul li:hover { background-color: #cd093b; }
nav ul li.active { background-color: #cd093b; }
nav ul li a { color:#000000; text-decoration: none; }
nav ul li:hover a { color:#ffffff !important; font-weight: bold; }
nav ul li.active a { color:#ffffff !important; font-weight: bold; }

@media screen and (max-width: 1024px ){
	.b_menu_movil { display: inline-block; vertical-align: middle; padding: 5px 0 0 20px; }
	nav { position:absolute; text-align:center; width:100%; height:0px; margin:0; padding: 0; overflow:visible; bottom: 0px; top:137px; }
	nav ul { position:absolute; width:100%; height:0; top:0px; left:0px; overflow:hidden; display:block; padding:0px; margin:0px; z-index:9999; }
	nav ul span { display:none; }
	nav ul.active { height:auto; z-index:9999; left:0px; }
	nav ul li { display:block; width:100%; float:none; background-color: #ffffff; border-bottom: solid 1px #d6d6d6; }
	nav ul li a { display:block; line-height:28px; }
}

@media screen and (max-width: 768px ){
	.b_menu_movil { padding: 0px 0 0 15px; }
	nav { top:117px; }
}

@media screen and (max-width: 568px ){
	.b_menu_movil img { width:28px; }
	nav { font-size: 14px; }
	nav { top:96px; }
}

@media screen and (max-width: 400px ){
	nav { top:90px; }
}


/* contacto */

.inputContacto { width: 420px; max-width: 70vw; font-size:11px; color:#000000; border-radius: 8px; border:solid #000000 1px; margin:4px 0px; padding: 16px 5px 12px 5px; background: rgba(255,255,255,0.4); outline: none; }
.bContacto { display: inline-block; font-size:14px; color:#ffffff !important; font-weight: bold; padding: 12px 20px; background-color: #cd093b; border-radius: 10px; min-width: 110px; text-decoration: none; margin-top:10px; text-align:center; border:none; }
.proteccion { width: 420px; max-width: 70vw; font-size: 12px; }


/* pie */

.caja_pie{
	width:100%;
	background-color:#3a3a3a;
	border-top:solid #cd093b 5px;
	padding:60px 0px;
	margin-top: 40px;
}

.pie{
	text-align:center;
	margin:auto;
	color:#ffffff;
	font-size:13px; 
}

.pie a{
	color:#ffffff;
	text-decoration:none;
}

.pie a:hover{
	text-decoration:underline;
}