font-face {
    font-family: 'MolengoRegular';
    src: url('http://santsinstitutshop.com/skin/frontend/default/default/css/Molengo-Regular-webfont.eot');
    src: url('http://santsinstitutshop.com/skin/frontend/default/default/css/Molengo-Regular-webfont.eot?iefix') format('eot'),
         url('http://santsinstitutshop.com/skin/frontend/default/default/css/Molengo-Regular-webfont.woff') format('woff'),
         url('http://santsinstitutshop.com/skin/frontend/default/default/css/Molengo-Regular-webfont.ttf') format('truetype'),
         url('http://santsinstitutshop.com/skin/frontend/default/default/css/Molengo-Regular-webfont.svg#webfontafxixy8P') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { margin:0; padding:0; }

A:visited {text-decoration: none}
A:link {text-decoration: none}

img { border: none; }

.fondopie {
	background-color: #009586;
	color: white;
	font: bold;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
}

.tituloaparaciones {
	color: #009586;
	font: bold;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.textoaparaciones {
	color: #009586;
	font: bold;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 5px;
	cursor:hand;
	cursor:pointer;
}

.resumenaparaciones {
	background-color: #F1F1F1;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 5px;
	border: 1px dashed;
	font-weight: normal;
	color: Black;
	cursor:hand;
	cursor:pointer;
}

.bloquedestacado {
	border: 1px solid #CACACA;
	background-color: #F1F1F1;
	margin-left: 10px;
	margin-right: 10px;
}

.separadorcontinuo {
	border: 1px solid #CACACA;
	margin-left: 10px;
	margin-right: 10px;
}

.textoresumendestacado {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 5px;
	font-weight: normal;
	color: Black;
	text-align: justify;
}

h1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: normal;
	color: black;
	text-align: justify;	
	font: bold;
	font-weight: bold;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

h2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: normal;
	color: black;
	text-align: justify;	
	font: bold;
	font-weight: bold;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

h3 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: normal;
	color: #CACACA;
	text-align: justify;	
	font: bold;
	font-weight: bold;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

h4 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 5px;
	font-weight: normal;
	color: Black;
	text-align: justify;	
	font: bold;
	font-weight: bold;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

h5 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 5px;
	font-weight: normal;
	color: Black;
	text-align: justify;	
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.contentbox {
	position: relative;
	height: 300px;
	border: #fff 0.07em solid;
	overflow: auto;
	text-align: justify;
	font-size: 1.4em;
	color: #666;
	line-height: .6em;
	left: 0px;
	top: 0px;
}

.textocentro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 5px;
	font-weight: normal;
	color: Black;
	text-align: justify;
}

/*.opcionsup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size: 12px;
	font-weight: bold;
	cursor:hand;
	cursor:pointer;
}

.opcionsupin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 12px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	border-bottom: solid #FFA500;
}*/

/********** < Navigation */
.nav-container { }
#nav { height: 26px; width: 960px; padding:0; font-family:'MolengoRegular',Verdana; list-style:none; background:url(/img/general/fondo_menu.jpg) 0 0 repeat; margin:0; font-size:12px; font-weight: normal; text-transform: uppercase; }
#nav li { height: 26px; position:relative; text-align:left; background:url(/img/general/fondo_menu.jpg) 0 0 repeat;}
#nav a,
#nav a:hover { text-shadow:1px 1px 1px #325179; display:block; line-height:1.3em; text-decoration:none;  }
#nav span { display:block; cursor:pointer; white-space:nowrap;}#nav li ul span {white-space:normal; }
#nav ul li.parent a { }
#nav ul li.parent li a { background-image:none; }

/* 0 Level */
#nav li { float:left; background:url(/img/general/fondo_menu.jpg) 0 0 repeat;}
#nav li.active a { color: white; }
#nav a { float:left; padding: 5px 15px; color: white; border-color: #25786F; border-right: 1px solid #25786F;}
#nav li.over a,
#nav li a:hover {background:url(/img/general/hover_menu.jpg) 0 0 repeat;}

#nav ul li a { }
#nav ul li a,
#nav ul li a:hover { color:white; background-color: #e7880e;}
#nav ul span,
#nav ul li.last li span { padding:3px 15px 4px 15px; }

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:0; z-index:999;  }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:100px; }
/********** Navigation > */

.textoverde {
	color: #009586;
}

.hrsuscripcion {
	height: 1px;
	color: #009586; 
}

.modsuscripcion {
	border: #9FC5CE;
	background-color: #A4D1CE; 
	color: #57B2B3;
}

.titulosuscripcion {
	color: #009586;
	font: bold;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 5px;
}

.btnsuscripcion {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 3mm;
	font-weight: bold;
	background-color: #009586;
	border: thin solid #8CABD5;
	color: White;
	cursor:hand;
	cursor:pointer;
	text-align: center;
}

.textboxsuscripcion {
	border: 1px solid #8CABD5;
	color: #009586;
	font-family: Verdana, Arial, Helvetica, sans-serif, Aberration;
	font-size: 10px;
	width: 135px;
}

/** hidrolipoclasia **/

#hidrolipoclasia{
	width:800px;
	height:511px;
	background-image:url(http://santsinstitut.com/php/landing/hidrolipoclasia/img/img_landing_hidro.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#hidrolipoclasia p{ 
	color: #054F46;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    height: 80px;
    left: 40px;
    position: absolute;
    top: 130px;
    width: 310px;
	border:none;
	margin:0px;
}

#registro_news{
	background-color: #F4F7FF;
    height: 215px;
    margin-top: -18px;
    position: relative;
    width: 800px;
}

#registro_news img{
	float:left;
}

#registro_news p{
	font-family:Arial, Helvetica, sans-serif;
}

#registro_news .texto_1_hidro{
	position: absolute;
    right: 50px;
    top: 5px;
}

#registro_news  #registrar_news{
	position:absolute;
	top:135px;
	width:640px;
	right:0px;
	height:90px;
}

#registro_news label{
	display: block;
    width: 70px;
	font-size:12px;
	color:#0a7a6b;
	font-family: Arial;
}

#registro_news #nombre_registrar{
	float:left;
	width:215px;
}

#registro_news #email_registrar{
	width:215px;
}

#registrar{
	background-color: #FF6D00;
    border: 1px solid #9A5F00;
    color: white;
    padding: 3px 10px;
    position: absolute;
    right: 80px;
    top: 12px; 
	-webkit-box-shadow: 2px 2px 3px #4a3c4a;
	-moz-box-shadow: 2px 2px 3px #4a3c4a;
	box-shadow: 2px 2px 3px #4a3c4a;
	cursor:pointer;
}

#registro_news .columna{ float:left; width:220px; margin-right:15px;}
#registro_news .columna2{ float:left; width:220px;}
#registro_news .columna3{ position:absolute; top:50px;}
#registro_news .condiciones, #registro_news .condiciones a{ color:#0a7a6b; font-family: Arial;}
.obligatorio{ color: #0A7A6B; font-size: 11px; left: 350px; margin: 4px 0; position: absolute; top: 0; width: 200px;}
#enviado_ok{color: #129A88;
    font-family: Arial;
    font-size: 15px;
    left: 165px;
    position: absolute;
    top: 100px;}
    
.logo { float:left; }
.header { height: 100px; background-color: #009586; width:940px; margin:0 auto; padding:10px; text-align:right; position:relative; z-index:10; }
.header .logo { float:left; margin:3px 0 10px 12px; text-decoration:none !important; }
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.header h1.logo { margin:0; }
.img_web{ background:url(/img/cabeceras/botton_web_santsinstitutshop.png) 0 0 no-repeat; height: 41px; width: 191px; float: right; }
.headerTel{ color:#FFF; float: right; clear: right; margin-top: 15px; margin-right: 5px; font-family: Verdana, Helvetica, sans-serif; text-align: left;}


/** MENU IZQUIERDO **/
div.menu {
	font-family: 'MolengoRegular',Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

ul#menu {
	display:block;
	background-color:#009586;
	margin:0;
	padding:0;
	width:150px;
	list-style:none;
}
ul#menu li{border-bottom:1px solid #25786F;}
ul#menu ul li, #menu li:last-child{border:none}	
ul#menu a{
	display:block;
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
	font-family: 'MolengoRegular',Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px 10px;
	text-shadow:1px 1px 1px #325179;
}
ul#menu a:hover{background-color:#DE850D;}
ul#menu ul a{ text-transform: none; color:#111; text-shadow:0px 1px 1px #FFF;}
ul#menu ul a:hover{
	background-color:#57B2B3;
	color:#FFF;
	text-shadow:1px 1px 1px #004536;
}
ul#menu ul{
	background-color:#A4D1CE;
	margin:0;
	padding:0;
	width:150px;
	list-style:none;
}
ul#menu li ul {display:none;}
div.homeLinks {padding: 10px; color: #333;}
div.homeLinks a {color: inherit;}
div.homeLinks a:hover {text-decoration: underline;}

/** SLIDER **/

ul#slider {
	margin: 0;
	padding: 0;
}

/*
 * To change the color scheme of slider change each 
 * background property for each of the five styles below
 */
/*next button*/
.bx-next {
	display:none;
}

/*previous button*/
.bx-prev {
	display:none;
}

/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(../img/bx_styles/gray_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
	display:none;
}

/*auto stop button*/
.bx-auto .stop {
	display:none;
}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	position: absolute;
	font-size:12px;
	color:#666;
	margin-left: 410px;
	margin-top: -20px;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}

.bx-window {
	margin: 0;
	margin-bottom: -6px;
	padding: 0;
}.bx-wrapper {
	margin: 0;
	padding: 0;
}