@charset "utf-8";


a.pie:link {
	text-decoration	:none;
	color						:#000;
}
a.pie:visited {
	text-decoration	:none;
	color						:#000;
}
a.pie:active {
	text-decoration	:none;
	color						:#000;
}
a.pie:hover {
	text-decoration	:underline;
	color						:#CCCCCC;
}


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




body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#hmv100_logotipo{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:120px;
	overflow: hidden;
	text-align: center;
	/*margin-top: 90px;*/
}
#hmv100_logotipo_int{
	margin: 0 auto;
	position:relative;
	width:95%;
	height:100%;
	/*background-image: url(../images/logo3.png);*/
  background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	text-align: center;
}



#hmv100_separa1{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:20px;
	overflow: hidden;
	text-align: center;
}

#hmv100_resumen{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:20px;
	overflow: hidden;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
}
#hmv100_resumen_int{
	margin: 0 auto;
	position:relative;
	width:95%;
	height:100%;
}

#hmv100_resumen_int2{
	display: table;
  margin: 0 auto;
	height: auto;
}
#hmv100_resumen_0{
	float:left;
	width:10px;
	height:10px;
	background-color:#FFF;
}

#hmv100_resumen_1{
	float:left;
	width:10px;
	height:10px;
	background-color:#9F9F9F;
	-moz-border-radius: 3px;
	border-radius: 5px;
}
#hmv100_resumen_2{
	float:left;
	width:10px;
	height:10px;
	background-color:#9F9F9F;
	-moz-border-radius: 3px;
	border-radius: 5px;
}

#hmv100_resumen_3{
	float:left;
	width:10px;
	height:10px;
	background-color:#9F9F9F;
	-moz-border-radius: 3px;
	border-radius: 5px;
}
#hmv100_resumen_4{
	float:left;
	width:10px;
	height:10px;
	background-color:#9F9F9F;
	-moz-border-radius: 3px;
	border-radius: 5px;
}

#hmv100_resumen_5{
	float:left;
	width:10px;
	height:10px;
	background-color:#9F9F9F;
	-moz-border-radius: 3px;
	border-radius: 5px;
}

#hmv100_resumen_6{
	float:left;
	width:10px;
	height:10px;
	background-color:#9F9F9F;
	-moz-border-radius: 3px;
	border-radius: 5px;
}

#hmv100_resumen_7{
	float:left;
	width:10px;
	height:10px;
	background-color:#9F9F9F;
	-moz-border-radius: 3px;
	border-radius: 5px;
}

#hmv100_resumen_8{
	float:left;
	width:10px;
	height:10px;
	background-color:#9F9F9F;
	-moz-border-radius: 3px;
	border-radius: 5px;
}







#hmv100_pregunta{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:120px;
	overflow: hidden;
	text-align: center;
	/*margin-top: 90px;*/
}
#hmv100_pregunta_int{
	margin: 0 auto;
	position:relative;
	width:95%;
	height:100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:25px;
	color:#000;
	text-align: center;
	font-weight:bold;
	left:0;
}


#hmv100_iconos{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:0px;
	overflow: hidden;
	text-align: center;
	/*margin-top: 90px;*/
}
#hmv100_iconos_int{
	margin: 0 auto;
	position:relative;
	width:95%;
	height:100%;
}



#hmv100_iconos_int2{
	display: table;
  margin: 0 auto;
	height: auto;
}
#hmv100_icono0{
	float:left;
	width:10px;
	height:80px;
	background-color: #FFF;
}

#hmv100_icono100{
	float:left;
	width:52px;
	height:60px;
	background-image: url(../images/f100.png);
  background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	cursor:pointer;
}
#hmv100_icono150{
	float:left;
	width:52px;
	height:60px;
	background-image: url(../images/f150.png);
  background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	cursor:pointer;
}
#hmv100_icono200{
	float:left;
	width:52px;
	height:60px;
	background-image: url(../images/f200.png);
  background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	cursor:pointer;
}
#hmv100_icono250{
	float:left;
	width:52px;
	height:60px;
	background-image: url(../images/f250.png);
  background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	cursor:pointer;
}
#hmv100_icono300{
	float:left;
	width:52px;
	height:60px;
	background-image: url(../images/f300.png);
  background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	cursor:pointer;
}



#hmv100_pie{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:25px;
	overflow: hidden;
	text-align: center;
}
#hmv100_pie_int{
	margin: 0 auto;
	position:relative;
	width:95%;
	height:100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#000;
	text-align: center;
	line-height:25px;
}

#hmv100_botones1{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
	text-align: center;
}
#hmv100_botones1_int{
	margin: 0 auto;
	position:relative;
	width:95%;
	height:100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#000;
	text-align: center;
	line-height:25px;
}

#hmv100_botones2{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:0px;
	overflow: hidden;
	text-align: center;
}
#hmv100_botones2_int{
	margin: 0 auto;
	position:relative;
	width:95%;
	height:100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#000;
	text-align: center;
	line-height:25px;
}




#hmv100_botones3{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:0px;
	overflow: hidden;
	text-align: center;
}
#hmv100_botones3_int{
	margin: 0 auto;
	position:relative;
	width:95%;
	height:100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#000;
	text-align: center;
	line-height:25px;
}












select{
	margin:0; padding:0; font-size:0.5em; outline:none;
	font-family:inherit;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing:border-box;
	border-radius:2px; border: solid 1px #ccc; padding:0.2em;
  width: 100px;
	height: 30px;
	text-align:left;
	font-size:14px;
  font-family: 'Roboto Condensed', sans-serif;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
	background-color: #fff;
	cursor: pointer;
}

textarea[type="comentarios"]{
	text-align:left;
	font-size:14px;
	font-family: 'Roboto Condensed', sans-serif;
	height: 70px;
	width: 95%;
	max-width:500px;
}





.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.myButton:active {
	position:relative;
	top:1px;
}




/*cookies*/
#d_avisoCookies_cerrar{
	float: right;
	width:auto;
	height: 20px;
	margin-right: 30px;
	cursor: pointer;
	background-color: #EAEAEA;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000;
	padding: 5px;
	margin-top:10px;
}
#d_avisoCookies{
	position:fixed;
	width:100%;
	height:125px;
	background-color:#000;
	z-index:10000;
	bottom:0px;
	padding-left: 5px;
}
.d_avisoCookies_txt1{
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
	color:#FFF;
}
.d_avisoCookies_txt2{
	font-size: 12px;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	color:#FFF;
	width:100%;
}