/**
 * General
 */
html, body {
	font-family: 'Open Sans',sans-serif;
	background-color: #FDFDFD;
	color: #080808;
	height: 100%;
}

h2 {
	font-size: 32px;
	font-weight: normal;
	color: #393536;
}

h3 {
	color: #30a7df;
	font-weight: bold;
	font-size: 18px;	
	line-height: 25px;
}

hr { border-style: solid; }

a { color: #30a7df; }

.tarifas a.link{ text-decoration: underline; font-weight: bold;}

a:hover { text-decoration: none; }

.float-right{float: right;}
.d-inline{display: inline;}

div.cuidados li {padding-left: 20px; text-align: justify}
div.cuidados p.subtitle {font-weight: normal;font-size: 18px; color: #30A7DF;}
div.cuidados img {float: right; margin: 0 0px 10px 20px; width: 47%}
.red img {float: right; margin: 0px; margin-left: 20px; width: 35%}
div.red p.subtitle {font-weight: normal;font-size: 18px; color: #30A7DF;}
.collapse{ margin-left: 15px; margin-top: 15px;
           font-size: 18px; color: #30A7DF; font-weight: bolder; }
.accordion-toggle{font-size: 14px;}

li.li-thumbnail{
	margin: 10px;
	display: inline-block;
	float: none;
}
img.thumbnail{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin: auto;
	
	
}

img.thumbnail:hover{
	transform: scale(1.05) !important;
}
.content .inner ul.thumbnails {
	width: 100%;
	margin: auto;
	text-align: center;
}

.destacado {background-color: #eeeeee; padding: 20px}
#destacadop16 {color:#30a7df; font-size: 16px;}

.footnote {font-style: italic;  font-size: 13px;}

#destacadointro {color:#30a7df; font-weight: 500;}

.section .body .pagos img{
border: none;
padding: 9px;
}
.panel {
  padding: 10px;
  margin-bottom: 20px;
  margin-left: 0;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.wmax {max-width: 580px;}

.loading { 	background-image: url('../ajax-loader.gif'); }

.clearfix {	clear: both; }

.datepicker {z-index:1151; }

.customAlert { 	top: 20% !important; z-index: 1051 !important; }

.borderRight {	border-right: 1px solid #CCCCCC; }

.form-error { border: 1px solid red !important; }
label.form-error.checkbox { border:0 !important; color: red; } 

.disclaimer {font-style:italic; font-size: 11px;}

.right-separation { margin-right: 20px; }

.margin-top-s {
	margin-top: 10px;	
}
.margin-top-l {
	margin-top: 30px;	
}
.margin-bottom-s {
	margin-bottom: 10px;	
}
.margin-bottom-l {
	margin-bottom: 30px;
} 
td.right {
 text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

form label span { font-weight: bold; display: block; width: 100%; }

.modal.large {
 	width: 60%; /* desired relative width */
	left: 20%; /* (100%-width)/2 */
	margin-left:auto;
  	margin-right:auto; 
}

/** Bootstrap focus element override */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
	border-color: #222; box-shadow: none; outline: 0 none;
}


/**
 * Components
 */
.ab-btn,
.ab-btn-large {
	background: #fdfcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfcfc 0%, #f2f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcfc), color-stop(100%,#f2f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdfcfc 0%,#f2f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfcfc 0%,#f2f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfcfc 0%,#f2f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fdfcfc 0%,#f2f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfc', endColorstr='#f2f1f1',GradientType=0 ); /* IE6-9 */
    border: 1px solid #17aff6;
    border-radius: 5px;
    box-shadow: 0 0 5px white inset;
    color: #30a7df;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 17px;
    display: inline-block;
}
.ab-btn:hover,
.ab-btn-large:hover {
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fafafa 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	border: 1px solid #0095DA;
	color: #0095DA;
	text-decoration: none;	
}
.ab-btn .ab-caret,
.ab-btn-large .ab-caret {
	background-image: url('../img/ab-btn-bg.png');
	background-repeat: no-repeat;
	background-position: right;
	margin-left: 12px;
	display: inline-block;
	width: 12px;
}

.ab-btn-large .ab-caret {
	margin-left: 25px;
}

.btn-primary {
	background-color: #30a7df;	
}


#video-container{
    width: 700;
    height: 700;
    overflow: hidden;
}


/**
 * Layout
 */
.content {
	padding: 0;
	margin: 0;	
}

.header {
	background-image: url('../img/header-bg.png');
	background-repeat: repeat-x;
	background-color: #F9F9F9;
	padding-top: 20px;
}

.logo {
	float: left;
	margin-bottom: 8px;	
}

.facebook {
   /*float: right;
   margin-top: 0px;	
   margin-right: 80px;	*/
   text-align: center;
	
}
.facebook_header{
   float: right;
   position:relative;
   margin-top: 49px;	
   margin-left: 7px;
   	
}
.imgfooter{
	padding-right: 10px;
}
.imgfooterpagos{
	margin-left: 20px;
	border:2px solid #30a7df;
}
.menu {
	list-style: none;
	overflow: hidden;
	margin: 0;	
	padding-top: 48px;
	float: right;
}
.menu li {
	float: left;
	background-image: url('../img/menu-divider.png');
	background-repeat: no-repeat;
	background-position: right 8px;
	padding: 15px 20px 15px 20px;
}

.menu li.pagos a, .menu li.pagos a:hover {
	color: #F95643;
}

.menu li.active a, 
.menu li a:hover {
	color: #555555; 
	border-bottom: 4px solid #68C5F0;
	padding-bottom: 4px;
}
.menu li a {
	color: #889094;
	font-weight: bold;	
}
@media (max-width: 1103px) {
	.menu {
		float: left;
		padding-top: 0;
	}
}
@media (max-width: 880px) {
	.menu {
		float: left;
		padding: 0;
	}
	.menu li {
		padding: 15px 10px 15px 10px;
	}
}
@media (max-width: 768px) {
	.menu li {
		padding: 15px 7px 15px 7px;
		font-size: 13px;
	}
}
@media (max-width: 710px) {
	.menu li {
		padding: 15px 5px 15px 5px;
		font-size: 12px;
	}
}
@media (max-width: 640px) {
	.menu li {
		width: 100%;
		font-size: 13px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.menu li.active a {
		width: 100%;
		display: inline-block;
	}
}

/* Estilos para botón DESCARGÁ Y PAGÁ TU FACTURA */

/* Estilos para PC - mantener aspecto original del menú */
@media (min-width: 768px) {
	.menu-download-button {
		display: block;
		float: right;
		padding-top: 48px;
		margin-left: 0;
	}
	
	.menu-download-button li {
		float: left;
		background-image: url('../img/menu-divider.png');
		background-repeat: no-repeat;
		background-position: right 8px;
		padding: 15px 20px 15px 20px;
	}
	
	.download-btn a {
		color: #F95643 !important;
		font-weight: bold;
		text-decoration: none;
		background: none;
		border-radius: 0;
		box-shadow: none;
		padding: 0;
		display: inline-block;
		text-align: center;
		position: relative;
		top: -12px;
	}
	
	.download-btn a:hover {
		color: #555555 !important;
		background: none;
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}
}

/* Estilos para móvil - botón a la altura del logo */
@media (max-width: 767px) {
	/* Ajustar logo para que deje espacio al botón */
	.logo {
		width: 65%;
		max-width: 200px;
		float: left;
	}
	
	.menu-download-button {
		position: absolute;
		top: 20px;
		right: 15px;
		width: 30%;
		max-width: 150px;
		margin: 0;
		padding: 0;
		border: none;
		float: none;
		clear: none;
		z-index: 10;
	}
	
	.menu-download-button li {
		width: auto;
		display: block;
		margin: 0;
		padding: 0;
		background: none;
	}
	
	.download-btn a {
		background-color: #F95643;
		color: white !important;
		padding: 6px 4px;
		border-radius: 6px;
		font-weight: bold;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		transition: background-color 0.3s ease;
		box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		font-size: 9px;
		line-height: 1.1;
		width: 100%;
		min-width: 80px;
		min-height: 32px;
	}
	
	.download-btn a:hover {
		background-color: #E63E2B;
		border-bottom: none !important;
		color: white !important;
		padding: 6px 4px;
	}
	
	/* Asegurar que el header tenga posición relativa para el posicionamiento absoluto */
	.header {
		position: relative;
	}
}

.footer {
	background-color: #6E6E6E;
	padding-top: 40px;
	padding-bottom: 50px;
	border-top: 10px solid #30a7df;
	color: #E6E6E6;
}

.footer a {
	color: #FFFFFF;
	text-decoration: underline;
}	

.inner {
	width: 85%;
	margin: auto;
	overflow: hidden;
}



/**
 * Home
 **/

.container {
    background-color: #EEEEEE;	
}
.container {
    background-color: #EEEEEE;	
}

.home .banner {
	/*background-color: #30A7DF;*/
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.home .virtual {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 50px;
	text-align: center;	
}

.home .virtual .box {
	border: 1px solid #EAEAEA;	
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 1.2%;
	margin-bottom: 15px;
	text-align: center;
	border-radius: 15px;
	float: left;
	width: 44%;
}
@media (max-width: 936px) {
	.home .virtual .box {
		width: 43%;
	}
}
@media (max-width: 777px) {
	.home .virtual .box {
		width: 42%;
	}
}
@media (max-width: 700px) {
	.home .virtual .box {
		width: 88%;
	}
}

.home .virtual .box .body {
	color: #AAAAAA;
	font-size: 18px;
	font-weight: normal;
	line-height: 28px;	
}

.home .content {
	background-color: #EEEEEE;
	padding-top: 30px;
	padding-bottom: 40px;	
}
.home .content.info-util .box {
	margin-left: 0 !important;
}

@media (max-width: 767px) {
	.home .content.info-util {
		background-color: white !important;
	}
	.home .content.info-util .box {
		margin-left: 0 !important;
		background-color: #EEEEEE !important;
	}
}

.home .content .box {
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 1.2%;
	margin-bottom: 15px;
	text-align: center;
	border-radius: 15px;
}

.home .content .box  h3 {
	font-weight: normal;
	border-bottom: 1px solid #30A7DF;
	padding-bottom: 20px;
}

.home .content .box .body {
	color: #686868;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;	
}



/**
 * Componentes secciones
 */
.section .banner {
	padding-top: 35px;
	padding-bottom: 35px;
	background-color: #76B5D8;
	background-image: url('../img/header.jpg');
}
.section .banner .title {
	font-size: 44px;
	line-height: 48px;
	color: white;	
}
.section .banner .subtitle {
	font-size: 22px;
	line-height: 30px;
	color: white;
}

.section .body {
	padding-top: 20px;
	padding-bottom: 20px;	
}

.section .body h2 {
	color: #30a7df;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
}

.section .body p {
	color: #231F20;
}
p.tyc {
	font-size: 12px;
}

/* Submenu */
.section .body .submenu {
	list-style: none;
	border-top: 4px solid #88D7F8;
	border-bottom: 4px solid #88D7F8;
	background-color: #F8F8F8;
	list-style: square inside none;
	margin: 0;
	color: #88D7F8;
}
.section .body .submenu li {
	border-bottom: 1px solid #E1E1E1;	
	padding: 10px;
}
.section .body .submenu li:hover {
	background-color: #EEEDED;
}
.section .body .submenu li a {
	color: #8E979C;
}

.section .body .submenu li a:hover {
	color: #888888;
}

/* Quote */
.section .body .quote {
	border-left: 3px solid #3CAEE4;
	padding: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #3CAEE4;	
}

/* Images */
.section .body img {
	border: 3px solid #3CAEE4;
}
.section .body img.icon {
	border: 0;
	padding: 0 20px;
}

/* Images destacada */
.section .body .image-highlight {
	position: relative;
}
.section .body .image-highlight img {
	border: 0;	
}
.section .body .image-highlight .caption {
	overflow: hidden;
	position: absolute;
	padding: 15px;
	background-color: rgba(248, 248, 248, 0.7);
	font-size: 16px;
	font-weight: bold;
	color: #0095D7;
	width: 100%;
	bottom: 0;
}

/* Box */
.section .body .box {
	border-top: 3px solid #88D7F8;
	background-color: #F8F8F8;
	padding: 15px;
}
.section .body .box .title {
	font-size: 18px;
	font-weight: normal;
	color: #0095D7;	
	margin-bottom: 15px;
}

/* Botonera */
.section .body .botonera {
	list-style: disc inside none;
	color: white;
	font-size: 16px;
	margin-left: 0;
}
.section .body .botonera li {
	background-color: #66BFE9;
	padding: 0;
	padding-left: 15px;
	margin-bottom: 7px;	
}
.section .body .botonera li:hover {
	background-color: #06A2EB;
}
.section .body .botonera li:hover a.button {
	background-color: #5EC9F6;
}
.section .body .botonera li a {
	display: inline-block;
	padding: 12px;
	color: white;	
}
.section .body .botonera li a.button {
	background-color: #8CD8F8;
	width: 25px;
	font-size: 36px;
	float: right;
}




/**
 * Footer
 */
.footer .section {
	margin-left: 0;	
}
.footer .section .title {
	font-weight: bold;	
	color : #383435;
	list-style: none;
}
.footer .section li a {
	color: #CBCBCB; 
}
.footer .section li a:hover {
	color: #BBBBBB;
	text-decoration: none; 
}