/* CSS Document */
body { margin:0; padding:0; background:#b20072; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:11px; color:#595959; }
img { border:0; }

h2, h2 a,.pageContents label, .index-trabaja-con-nosotros h1 { font-size:15px; color:#e50093; font-weight:bold; margin-top:0; font-family: Helvetica, Verdana, "Helvetica Rounded LT Std", "Helvetica Rounded", "Helvetica", "Trebuchet MS", Arial, sans-serif; text-decoration: none; }
p { line-height:120%; }



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

input, textarea { font-family: Helvetica, Verdana, sans-serif; font-size: 12px; }

.hidden { display:none; }
.note, .note a, .note label { color: #666; font-weight: normal; font-size: 11px; color: #8e8e95; }

.mainbox { width:805px; margin:0 auto; }

#header { background: #fff; height: 168px; }
#header .mainbox { background: url(bgheader.png) right 44px no-repeat; }
#header .menu { float: right; font-size:11px; font-weight: bold; color: #acacac; padding: 10px 0 0 0; }
#header .menu a { color: #008bcb; text-decoration: none; }
#header .menu a:hover { text-decoration: underline; }
#header .menu a.sel, #header .menu span.sel { color: #e50093; }
#logo { padding: 53px 0 10px 0; }
#main { background: #fff url(bgcentro.png) repeat-x; padding: 50px 0 10px 0; }

/* @font-face {
  font-family: iOSOiiO;
  src: url(iosoiio.ttf);
} */

#nav { width: 170px; padding: 0 0 180px 0; float: left; text-align: right; background: url(lema.png) right bottom no-repeat; }
#nav ul { list-style: none; padding: 0 0 20px 0; margin: 0; }
#nav ul a { font-family: Helvetica, Verdana, "Helvetica Rounded LT Std", "Helvetica Rounded", "Helvetica", "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #e50093; text-decoration: none; font-size: 16px; display: block; padding: 5px 25px 5px 0; }
#nav ul a:hover, #nav ul a.sel, #nav ul.submenu a:hover, #nav ul.submenu a.sel { color: #858585; /* #acacac; */ }
#nav li.rosa a { background: url(circulo_rosa.png) right 50% no-repeat; }
#nav li.azul a { background: url(circulo_azul.png) right 50% no-repeat; }
#nav li.amarillo a { background: url(circulo_amarillo.png) right 50% no-repeat; }
#nav li.gris a { background: url(circulo_gris.png) right 50% no-repeat; }
#nav li.verde a { background: url(circulo_verde.png) right 50% no-repeat; }

#nav ul.submenu a { color: #03618d; font-size: 11px; }

#nav .work-with-us, #nav .trabaja-con-nosotros { left:-30px; position:relative; width:200px; }

#telefonos { padding: 0 0 15px 0; }

#content { padding: 0 0 0 70px; width: 545px; float: left; }

#footer { color: #fff; padding: 20px 0; }
#footer a { color: #fff; text-decoration: none; }
#footer .derechos { float: right; padding: 0 100px 0 0; }
#footer .direccion { float: right; background: url(logo_pie.png) left 9px no-repeat; padding: 10px 0 0 50px; height: 40px; }
/* #footer .direccion a { display: block; float: right; position: relative; margin: 10px -20px 0 0; } */
#footer .mainbox img { padding: 10px 0 0 0; }
#footer .googlemaps { display: block; background: url(iconomaps.png) no-repeat; height:30px; margin:20px 0 0 -40px; padding:5px 0 0 42px; position:relative; }

.description strong { color: #e50093; }
#page-category .description { background:#e50093; color: #fff; padding: 15px 20px; font-size: 12px; margin-bottom: 55px; }
#page-category .description strong { color:#f6d017; font-weight:bold; }

.precios { margin: 0; }
.precios th { padding: 0 0 15px 0; text-align: center; }
.precios td { width: 70px; text-align: center; color:#fff; font-weight: bold; font-size: 22px; padding: 30px 10px; }
.precios td.gris { background:#bdbdbd; width: 240px; /* color: #e50093;*/ color:#f9d41d; font-size: 16px; line-height: 90%; padding: 30px 10px 10px 30px; text-align: left; }
.precios td.gris span { color: #fff; font-size: 11px; font-weight: normal; }
.precios td.gris span p { margin: 2px 0; }
.precios td.gris span strong { color:#f9d41d; }
.precios td.gris span.plan { font-size: 20px; font-weight: bold; }
.precios .notas td { padding: 7px 15px 7px 30px; line-height: 130%; font-size: 9px; font-weight: bold; text-align: left; }
.precios .notas td.gris span { font-size: 9px; font-weight: bold; }
.precios td.verde { background:#009859; }
.precios td.rosa { background:#e50093; }
.precios td.azul { background:#008bcb; }
.precios td.amarillo { background:#f6d017; }

table.combos { position: relative; width: 545px; }
.combos td { font-size: 15px; padding: 20px 10px; }
.combos td.gris { padding: 20px 10px 0 30px; }
.combos th.titles { vertical-align: middle; font-size: 10px; padding: 2px 12px 0 12px; color: #fff; background: url(bgtitcombos.png) center center no-repeat; font-family: Helvetica, Verdana, Arial, sans-serif; height: 70px; }
.combos th.titles div { /* width: 60px; height: 70px; margin: 2px auto; padding: 15px 0 0 0; */ display:inline; }
.combos td.titles span { text-align: center; }
.combos td.titles-gris { padding: 20px 10px 0px 30px; }
.combos .notas td.gris { padding-bottom: 10px; padding-top: 10px; }
.combos td.gris span.plan { font-size: 15px; }

.col { float: left; padding: 0 20px 0 0; width: 167px; font-size: 16px; }
.col-fin { padding-right: 0; }
#quicklinks .rosa { color: #b20072; }
#quicklinks .azul { color: #035f89; }
#quicklinks .amarillo { color: #b99b07; }
#quicklinks p { line-height: 105%; }


.pageContents td { padding: 10px 20px 0 0; }
.pageContents dl { margin: 0; padding: 10px 0 0 0; }
.pageContents dt { margin: 0; padding: 10px 0 0 0; }
.pageContents dd { margin: 0; padding: 5px 0; }
.pageContents dd input { padding: 5px; background: #e50093; color: #fff; width: 140px; border: 0; }
.pageContents dd textarea { width: 260px; height: 105px; background: #e50093; color: #fff; border: 0; padding: 3px; }

#messages { background: #e50093; color: #fff;  font-weight:bold; padding: 20px; }
.pageContents #messages p { color: #fff; }

#contact-form { float: left; /* width: 270px; */ width:330px; }
#contact-info { float: right; width: 175px; padding: 85px 0 0 0; }
.pageContents #contact-info p { font-weight: bold; color: #008bcb; font-size:12px; font-family: Helvetica, Verdana, "Helvetica", "Trebuchet MS", Arial, sans-serif; }

.pageContents p { font-size:14px; color:#008bcb; line-height: 130%; /* font-weight:bold; */ margin-top:0; font-family: Helvetica, Verdana, "Helvetica", "Trebuchet MS", Arial, sans-serif; text-decoration: none; }
.pageContents p em { color: #e50093; font-weight: 500; } 
.pageContents h2 { margin-bottom: 0; }

.pageContents ul.menu { margin:-25px 0 0; padding:0 0 40px; list-style: none; }
.pageContents ul.menu li { float: left; margin: 0 35px 0 0; }
.pageContents ul.menu li.last { margin-right: 0; }
.pageContents ul.menu a { display: block; text-decoration: none; font-size:14px; font-family: Helvetica, Verdana, "Helvetica Rounded LT Std", "Helvetica Rounded", "Helvetica", "Trebuchet MS", Arial, sans-serif; font-weight: bold; padding: 3px 36px 0 0; height: 17px; }
.pageContents ul.menu a.sel, .pageContents ul.menu a:hover { text-decoration: underline; }
.pageContents ul.menu li.rosa a { color: #E50093; background: url(flecha_rosa.png) right 50% no-repeat; }
.pageContents ul.menu li.azul a { color: #008bcb; background: url(flecha_azul.png) right 50% no-repeat; }
.pageContents ul.menu li.verde a { color: #009859; background: url(flecha_verde.png) right 50% no-repeat; }

.index-mi-cita .pageContents p, .index-my-date .pageContents p { color: #acacac; }

#ampliada { width: 500px; height: 340px; overflow: hidden; }
#miniaturas { margin-left:-40px; padding:20px 0 0; position:relative; }
/* #miniaturas ul { list-style: none; margin: 0; padding: 0; }
#miniaturas li { display: inline; vertical-align: top; margin-right:30px; }
#miniaturas li img { border: 1px solid #ddd; }
#miniaturas li img:hover { border: 1px solid #fff; } 
.jcarousel-list { width: 700px !important; }
.jcarousel-list li, .jcarousel-item { width: auto; }
.jcarousel-clip { width: 500px; height: 75px; }
*/
.jcarousel-skin-tango .jcarousel-container-horizontal { padding:0 20px 0 40px; width:520px; }
.jcarousel-skin-tango .jcarousel-container { background: none; border: 0; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { height:75px; width:500px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { cursor:pointer; height:34px; left:5px; position:absolute; top:15px; width:34px; }
.jcarousel-skin-tango .jcarousel-next-horizontal { cursor:pointer; height:34px; right:5px; position:absolute; top:15px; width:34px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right:7px; }
.jcarousel-skin-tango .jcarousel-item { height:75px; width:100px; }


#formtrabajo input.text { width: 250px; }
.ipl { position: relative; margin-top: -20px; }
.ipl a { color: #008BCB; text-decoration: none; }
.ipl a:hover { text-decoration: underline; }

.pageContents dl.popup {  padding: 5px 25px 0 16px; width: 85px; background: #fff url(popupbg.png) no-repeat; height: 211px; position: absolute; text-align: right; font-size:12px; color:#e50093; margin-top:0; font-family: Helvetica, Verdana,"Helvetica Rounded LT Std", "Helvetica Rounded", "Helvetica", "Trebuchet MS", Arial, sans-serif; }
.pageContents .popup dd { padding: 0; line-height: 100%; }
.popup ul { list-style: none; padding:0; margin: 0; }
.popup dt { font-weight: bold; }
.popup a { color: #e50093; padding: 2px; display: block; text-decoration: none; }
.popup a:hover { background: #fff; }
.ui-widget-content { background: url(bgcal.png) no-repeat; height: 220px; }
.ui-datepicker { padding: 12px 15px 40px 15px; }
.ui-corner-all { border: 0; }
.ui-widget-header { color:#E50093; background: none; font-size:12px; }
.ui-widget-content { color:#E50093; }
.ui-state-default, .ui-widget-content .ui-state-default { background: none; border: 0; color:#E50093; }
.ui-widget-content a {	color:#E50093; }
.ui-widget-content a:hover {background: #fff; }
.ui-widget-header .ui-icon { background:none; width: 24px; height: 20px; }

.ui-datepicker .ui-datepicker-prev span { background: url(flechacaleft.png) no-repeat; }
.ui-datepicker .ui-datepicker-next span { background: url(flechacaright.png) no-repeat; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-left:-12px; }
.ui-icon-circle-triangle-e { background-position:0 0; }
.ui-icon-circle-triangle-w { background-position:0 0; }
.ui-state-highlight { background: #f9e895; }
.ui-state-active {background: #fff; }

#portada { height: 191px;  overflow: hidden; }

#nav li.fotodepilacion-ipl, #nav li.combos { position: relative; margin-left: -20px; }


.submenu {
	list-style: none; margin: 0; padding: 0 0 2em 0;
}

#nav ul .submenu a {
	font-weight: normal;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: none;
	padding: 2px 0;
}

#nav ul .submenu .sel a {
	font-weight: bold;
}


.icofacebook, .icotwitter, .icomail {
	display: block;
	line-height: 36px;
	text-decoration: none;
	margin: 0;
	padding: 0 15px 0 40px;
	color: #333;
	
}

.icofacebook {
	background: url(icono2_facebook.png) no-repeat left top;
}

.icomail {
	background: url(icono2_mail.png) no-repeat left top;
}

.iconos {
	float: right;
	padding: 12px 5px 0 0;
}

#sublist {
	list-style:none;
	width:400px;
}
#sublist li {
	clear:both;
	padding:10px 0;
}
#sublist li a { 
	background: url(circulo_rosa.png) left 2px no-repeat; 
	display:block;
	text-decoration:none;
	height:17px;
	padding: 0 0 0 22px;
	color: #858585;
	font-weight:bold;
	font-size:20px;
}

#sublist li a:hover {
	text-decoration:underline;
}

#sublist li.odd {
	float:right;
}
#sublist li.rosa a { background: url(circulo_rosa.png) left top no-repeat; }
#sublist li.azul a { background: url(circulo_azul.png) left top no-repeat; }
#sublist li.amarillo a { background: url(circulo_amarillo.png) left top no-repeat; }
#sublist li.gris a { background: url(circulo_gris.png) left top no-repeat; }
#sublist li.verde a { background: url(circulo_verde.png) left top no-repeat; }


.v2 #footer .derechos {
	float: left;
}

.v2 .iconos {
	padding-right: 150px;
}

#breadcrumbs {
	margin: -30px 0 0 0;
	padding: 0 0 30px 0;
}

#breadcrumbs, #breadcrumbs a {
	color: #858585;
	text-decoration: none;
}