﻿/*Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt,var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i, input {
     margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal;
     font-size: 100%; font-family: inherit; vertical-align: baseline}
body {line-height: 1}
:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0; padding: 0; border:0}
hr {margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}
/* End Reset CSS*/

/* End Reset CSS*/
 

/* Clearfix*/

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* End Clearfix*/

body{background:#62961e url("images/bg.png") repeat-x scroll 0 -18px; margin:0; padding:0; color:#ffffff; font:normal 13px/16px "trebuchet ms",arial,sans-serif; }
html{height:100%; min-height:100%}

.floatLeft{float:left}
.floatRight{float:right}
.b{font-weight:bold}

/* top */
.top{background:#8cc63f; height:7px}
.containerAll{margin:0 auto; width:924px}
.logo{float:left; width:258px}

.btns{width:79px; height:11px; display:block; margin-top:50px; float:right}
a.btnHome{background:url('images/btnHome.gif') no-repeat 0px 0px; width: 56px; height: 23px; display:block; text-decoration:none;}
a.btnHome span {display:none}
a.btnHome:hover {background-position:0px -23px; color:#8dc73f}

a.btnContact{background:url('images/btnContacto.gif') no-repeat 0px 0px; width: 79px; height: 23px; display:block; text-decoration:none;}
a.btnContact span {display:none}
a.btnContact:hover {background-position:0px -23px; color:#8dc73f}

a.btnCita{background:url('images/btnCita.png') no-repeat 0px 0px; width: 42px; height: 20px; display:block; text-decoration:none; margin:1px 0 0 21px}
a.btnCita span {display:none}
a.btnCita:hover {background-position:0px -22px; color:#8dc73f}

.bannerHeader {width:100%; margin-top:15px}

/* container verde */
#contGreen{min-height:377px; height:377px; height:auto !important}

/* menu */
#menu{width:100%;}
	#menu li{float:left; padding-right:21px}
		#menu li.last{padding-right:0}
		#menu li a{color:#ffffff; font-size:15px; text-decoration:none;  padding:20px 15px 15px; display:block;}
		#menu li a:hover{background:transparent url('images/BgMenuOver.gif') repeat-x 0 0; padding:20px 15px 15px;-moz-border-radius-bottomright:10px; -moz-border-radius-topright:0px; -moz-border-radius-topleft:0px; -moz-border-radius-bottomleft:10px; 
		-ms-border-radius-topleft: 5px; -ms-border-radius-topright: 0px; -ms-border-radius-bottomleft: 5px;  -ms-border-radius-bottomright: 10px; 
		-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; 
 		border-top-left-radius:0px; border-top-left-radius:0px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
	#menu img{margin-top:-10px}
.last{float:left; padding-right:0px!important}
.first{float:left;  padding-left:0px!important}
		
#menuHome{width:100%;}
	#menuHome li{float:left;}
		#menuHome li a{color:#ffffff; font-size:15px; text-decoration:none;  padding:20px 16px 15px; display:block;}
		#menuHome li a:hover{background:transparent url('images/BgMenuOver.gif') repeat-x 0 0; padding:20px 16px 15px;-moz-border-radius-bottomright:10px; -moz-border-radius-topright:0px; -moz-border-radius-topleft:0px; -moz-border-radius-bottomleft:10px; 
		-ms-border-radius-topleft: 5px; -ms-border-radius-topright: 0px; -ms-border-radius-bottomleft: 5px;  -ms-border-radius-bottomright: 10px; 
		-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; 
 		border-top-left-radius:0px; border-top-left-radius:0px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
	#menuHome img{margin-top:-10px}
		
		
/* contenido */
#content{width:100%; margin:35px 0px}
	#content a{color:#ffffff; text-decoration:underline}
	#content a:hover{}
.leftCol{float:left; width:508px}	
.rightCol{float:right; width:416px; text-align:right}	

.spaceTop{margin-top:20px}

h1{margin-bottom:15px}	
h2{margin-bottom:10px}
h3{margin:25px 0 5px;  font-size:19px; text-transform:uppercase}	
h4{font-size:17px; color:#fff; margin-top:30px; font-style:italic}

.menuSmall {margin-top:6px}
.menuSmall li{float:left; padding:0 8px 6px 0}
	.menuSmall .last{padding-right:0px}
	.menuSmall .first{padding-top:10px}
	.menuSmall li a{text-decoration:none; color:#606060; font-weight:bold}
	.menuSmall li a:hover{color:#8dc73f}

#facial li{list-style:disc inside; padding-bottom:3px}
	#mascaraFacial li{list-style:disc inside; margin-left:15px}
	

ul.estetica{float:left; width:230px; margin-top:5px}
	ul.estetica li{list-style:disc inside; margin-left:3px}
	
ul.list{float:left; width:300px; margin-top:15px}
	ul.list li{list-style:disc inside; margin:0 0 10px 3px}


.promos li{padding:5px 0; list-style:disc inside}
	.promos .intPromos li{list-style:circle inside; margin-left:15px}

.facebook{float:right; padding-right:30px}	
.subtit h4 {
  margin: 20 0 0 0px;
  font-size: 14px; 
  font-style:normal;
  text-transform:uppercase;
}
.sep { padding-bottom:10px;
}	
 /*contacto*/
.contact { }
.contact label {
    display: block;
    float: left;
    padding:15px 0 5px;
}
.contact input, .contact textarea {
    border: 2px solid #D5D5D5;
    clear: both;
    display: block;
    line-height: 18px;
    width: 99%;
}
.contact input.checkbox{
    border: none;
    clear: both;
    display: block;
    line-height: 18px;
    width: auto;
}
.contact input {
    height: 23px;
}
.contact textarea {
    height: 120px;
}

.contact #send {
    background: #ffffff;
	width:85px; 
	margin:10px 6px;
	border: medium none;
    color: #62961e;
    font: 15px/30px "trebuchet ms",arial,sans-serif;
    height: 30px;
    padding: 0 3px;
    text-transform: uppercase;
	float:right;
   }
.contact p {
    line-height: 18px;
    margin-bottom: 18px;
}
label.error {
    color: red;
    display: none;
    margin-left: 20px;
}
#response {
    display: none;
}
.contact .one_half {
    border-right: 1px solid #D5D5D5;
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    width: 630px;
}
.contact .one_half.right {
    border: medium none;
    float: left;
    width: 130px;
}

ul.contact{margin-top:3px}
	ul.contact li{float:left; padding-right:40px}

/* footer */
.footer {height:25px; padding-bottom:15px}
	.footer p{text-align:center; color:#fff; font-size:11px; padding-top:5px}

.space{padding-left:12px; #padding-left:14px;}
html>/**/body .space, x:-moz-any-link, x:default {
  padding-left: 12px;
}

