body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0; margin:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}

@font-face {font-family: 'Futura'; src: url('../fonts/Futura Light BT.ttf');}

@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Telex);
@import url(http://fonts.googleapis.com/css?family=Vidaloka);
@import url(http://fonts.googleapis.com/css?family=Nunito:300);

a{cursor: pointer;}@import url(http://fonts.googleapis.com/css?family=Nunito:400);
a:focus {outline: none;}
body{background-color:#000; font-family: Georgia, Arial; font-size: 12px; background-repeat:repeat-x;}
h1 {color:#C3005C; font-family: 'Telex', sans-serif; font-size: 45px; font-weight: 400; line-height: 41px; margin: 10px 0 60px; text-align: center;}
h2 {background-color: #FF69B3; color: #fff; font-family: 'Vidaloka', serif; font-size: 21px; height: 25px; margin: 0 auto; margin-top: 20px; padding: 0  2px 2px 2px; text-align: center; width: 170px;}
h3 {color:#C4005F; font-size: 13px; font-weight: bold; margin: 40px 0 20px 0;}

#wrapper-home{background-image:url(../img/sp/bg-home.jpg); color: #333; height:100%; margin: 0 auto; padding: 600px 0 0 20px; width:700px;}
	#content-idiomas{height: 29px; width:150px;}
	#content-idiomas img{border:0; margin:8px 4px 0 0;}
	#content-menu{background-color: #000000; height: 281px; width: 150px;}
	#content-redes{height: 19px; margin:35px 0 0 10px; width:100px;}
	#content-redes img{border:0; margin:8px 4px 0 0;}
	#navhome{padding:20px 0 0 10px;}
	#navhome ul{height: 192px; list-style: none;}
	#navhome li{height: 32px;}
	#navhome li a{font-size:14px; font-family: 'Futura', 'Nunito', sans-serif; color:#fff; text-transform: uppercase;}
	#navhome li a:hover{color:#FF69B3;}
	/*#navhome li a{background-image:url(../img/bg-nav-home.jpg); background-repeat: no-repeat; float: left; height: 32px;} */
	#navhome-conociendonos a{background-position:0 0; width:124px;}
	#navhome-tratamientos a{background-position:0 -32px; width:124px;}
	#navhome-servicios a{background-position:0 -64px; width:124px;}
	#navhome-productos a{background-position:0 -96px; width:124px;}
	#navhome-precios a{background-position:0 -128px; width:124px;}
	#navhome-consultorio a{background-position:0 -160px; width:124px;}
	#navhome-contacto a{background-position:0 -192px; width:124px;}
	#navhome-conociendonos a:hover{background-position:0 -222px; width:124px;}
	#navhome-tratamientos a:hover{background-position:0 -254px; width:124px;}
	#navhome-servicios a:hover{background-position:0 -286px; width:124px;}
	#navhome-productos a:hover{background-position:0 -318px; width:124px;}
	#navhome-precios a:hover{background-position:0 -350px; width:124px;}
	#navhome-consultorio a:hover{background-position:0 -382px; width:124px;}
	#navhome-contacto a:hover{background-position:0 -414px; width:124px;}

	#btn-contacto{margin-top: 85px!important}

#wrapper{background-color:#FF68B2; height:514px; margin: 0 auto; margin-top:50px!important; width: 960px}
#wrapper-large{background-color:#FF68B2; margin: 0 auto; margin-top:50px!important; width: 960px}
	a{text-decoration: none;}
	form{background-color:#FFB9DC; display:block; height: 395px; width:530px;}
	input{background-color: #FF68B2; border: 0; color:#fff; float: left; height: 18px; margin: 5px 0 0 40px; padding: 1px; width: 203px; }
	label{color: #FF66B2; float: left; height:10px; margin: 20px 0 0 40px; width: 204px;}
	textarea{background-color: #FF68B2; border: 0; color:#fff; float: left; height: 85px; margin: 5px 0 0 40px; padding: 1px;  resize: none; width: 448px; }
	#columna1{float:left; height: 395px; width: 210px;}
	#columna1 img{margin-bottom: 7px;}
	#columna1 p{text-align: justify;}
	#columna1consultorio{float:left; height: 395px; width: 370px;}
	#columna2{float: right;}
	#columna2consultorio{float:left; height: 395px; margin-left: 25px; width: 370px;}
	#consulta-virtual{background-color: #FFE3F1; display: block; height: inherit; margin:24px; width: 738px;}
	#consulta-virtual input{color:#fff; width: 205px}
	#consulta-virtual label{width: 291px}
	#consulta-virtual select{background-color: #FF68B2; border: 0; color:#fff; float: left; height: 18px; margin: 5px 0 0 40px; padding: 1px; width: 453px; }
	#consulta-virtual textarea{color:#fff; width: 453px!important}
	#content{float:right; width:810px;}
	#content-interna{height:405px; margin: 17px 21px 10px 21px; overflow: hidden; width:765px;}
	#content-large{background-color:#fff; float:right; margin: 21px 21px 21px 0; overflow: hidden; width:788px;}
	#content-large p{color:#333333; line-height: 16px; text-align: justify;}
	#desplazar{width: 2295px}
	#footer{background-image:url(../img/bg-footer.jpg); height: 36px; width: 960px;}
	#footer-azul{background-image:url(../img/bg-footer-azul.jpg); height: 36px; width: 960px;}
	#idiomas{float: left; height:27px; padding:15px 0 0 17px; width: 134px;}
	#idiomas img{margin-right: 5px}
	#main{width: 960px}
	
	#nav {margin: 63px 0 72px 15px}
	#nav ul{height: 192px; list-style: none;}
	#nav li{height: 32px;}
	#nav li a {font-size:14px; font-family: 'Futura', 'Nunito', sans-serif; color:#fff; text-transform: uppercase;}
	#nav li a:hover {color:#333;}

	/*
	#nav li a{background-image:url(../img/sp/bg-nav.jpg); background-repeat: no-repeat; float: left; height: 31px;}
	#nav-conociendonos a{background-position:0 0; width:124px;}
	#nav-tratamientos a{background-position:0 -32px; width:124px;}
	#nav-servicios a{background-position:0 -64px; width:124px;}
	#nav-productos a{background-position:0 -96px; width:124px;}
	#nav-precios a{background-position:0 -128px; width:124px;}
	#nav-consultorio a{background-position:0 -159px; width:124px;}
	#nav-contacto a{background-position:0 -190px; width:124px;}
	#nav-conociendonos a:hover{background-position:0 -220px; width:124px;}
	#nav-tratamientos a:hover{background-position:0 -252px; width:124px;}
	#nav-servicios a:hover{background-position:0 -284px; width:124px;}
	#nav-productos a:hover{background-position:0 -316px; width:124px;}
	#nav-precios a:hover{background-position:0 -347px; width:124px;}
	#nav-consultorio a:hover{background-position:0 -379px; width:124px;}
	#nav-contacto a:hover{background-position:0 -410px; width:124px;}
	*/
	
	#redes{height: 19px; margin:35px 0 0 17px; width:120px;}
	#redes img{border:0; margin:8px 4px 0 0;}
	#sidebar{background-color:#FE0064; float:left; height:500px; width:150px}
	#sidebar-interna{float:left; height: 396px; width: 210px;}
	#sidebar-large{background-color:#FE0064; float:left; width: 150px;}
	#slider{height: 395px; position: relative; width: 530px}
	.btnimagen{opacity: 0.8;}
	.bg-home-en{background-image:url(../img/en/bg-home.jpg)!important;}
	.bg-nav-azul{background-image:url(../img/sp/bg-nav-azul.jpg)!important;}
	.bg-nav-azul-en{background-image:url(../img/en/bg-nav-azul.jpg)!important;}
	.bg-nav-en{background-image:url(../img/en/bg-nav.jpg)!important;}
	.bg-navhome-en{background-image:url(../img/en/bg-nav-home.jpg)!important;}
	.bg-cerrar-en{background-image:url(../img/en/btn-cerrar.jpg)!important;}
	.btn-cerrar{background-image:url(../img/sp/btn-cerrar.jpg); background-position:0 0; cursor: pointer; float: right; height:9px; margin:118px 12px 0 46px; width:60px;}
	.btn-cerrar:hover{background-position:0 -9px; cursor: pointer;}
	.btn-enviarsp{background-image:url(../img/sp/btn-enviar.jpg); background-position:0 0; cursor: pointer; float: left; height:20px; margin:40px 0 0 40px; width:100px;}
	.btn-enviarsp:hover{background-position:0 -20px; cursor: pointer;}
	.btn-enviaren{background-image:url(../img/en/btn-enviar.jpg); background-position:0 0; cursor: pointer; float: left; height:20px; margin:40px 0 0 40px; width:100px;}
	.btn-enviaren:hover{background-position:0 -20px; cursor: pointer;}
	.btn-prev{background-image: url(../img/btn-prev.jpg); float: right; height: 22px; margin: -5px 25px 0 0; width: 13px;}
	.btn-next{background-image: url(../img/btn-next.jpg); float: right; height: 22px; margin: -5px 25px 0 0; width: 13px;}
	.col1{float:left; margin: 21px 0 0 21px; width: 358px}
	/*.col1 li{list-style: disc; margin: 8px 0 0 14px; text-align: justify; text-indent: 23px;}*/
	.col1 li{list-style: disc; float: left; margin: 8px 0 0 14px; text-align: justify; text-indent: 0; width: 300px}
	.col2{float: right; width: 390px}
	.col2 p{float:right; margin-right: 10px; width: 360px}
	.compose{float: right;}
	.contenido-slider{float:left; overflow:hidden; width: 765px; }
	.info-footer{margin:10px 0 0 47px;}
	.imagen-contacto{display: block;}
	.letrachica{color:#666666; font-family: Arial; font-size:11px; margin:40px;}
	.listcircle{list-style-type: circle!important;}
	.mas{cursor:pointer; display:none; float:right; height: 17px; margin-top: -4px}
	.textos-form{color:#FF66B2; margin:20px 40px 0 40px;}
	.titulos{float: right; margin:20px 25px 2px 0;}
	.titulos-large{float: right; margin:20px 10px 85px 0;}
	.trix{float: right; margin-top:5px;}
	.slogan{float:left; margin:21px 0 0 13px;}
	.subtitFE0064{color:#FE0064; font-weight: bold}
	.vinetacolor{list-style-image:url(../img/bg-vineta.jpg)!important; list-style-position: inside; margin-left:10px;}

.bg149BD9{background-color:#149BD9!important;}
.bg149CDA{background-color:#149CDA!important;}
.bg0C597E{background-color:#0C597E!important;}
.bgD0DFF2{background-color:#D0DFF2!important;}
.bgienviarazulsp{background-image:url(../img/sp/btn-enviar-azul.jpg); background-position:0 0; cursor: pointer; float: left; height:20px; margin:40px 0 0 40px; width:100px;}
.bgienviarazulsp:hover{background-position: 0 -20px}
.bgienviarazulen{background-image:url(../img/en/btn-enviar-azul.jpg); background-position:0 0; cursor: pointer; float: left; height:20px; margin:40px 0 0 40px; width:100px;}
.bgienviarazulen:hover{background-position: 0 -20px}
.c000{color:#000!important;}
.c333{color: #333!important;}
.c0C597E{color:#0C597E!important;}
.cC4005F{color:#C4005F!important;}
.cFE0064{color:#FE0064!important;}
.cFF66B2{color:#FF66B2!important;}
.cF7F7F7{color:#F7F7F7!important;}
.cE1005A{color:#E1005A!important;}
.clear{clear:both}
.f10{font-size: 10px!important;}
.fl{float: left}
.g-recaptcha{margin-left: 40px;}
.h403{height: 403px!important;}
.mb20{margin-bottom: 20px!important;}
.ml10{margin-left: 10px!important;}
.ml24{margin-left: 24px!important;}
.ml32{margin-left: 32px!important;}
.ml80{margin-left: 90px!important;}
.ml200{margin-left: 200px!important;}
.mr0{margin-right: 0!important;}
.mr21{margin-right: 21px}
.mr38{margin-right: 38px!important;}
.mt6{margin-top: 6px!important;}
.mt7{margin-top: 7px!important;}
.mt9{margin-top: 9px!important;}
.mt17{margin-top: 17px!important;}
.mt30{margin-top: 30px!important;}
.mt37{margin-top: 37px!important;}
.mt85{margin-top: 85px;}
.tu{text-decoration: underline!important;}
.ti0{text-indent: 0!important;}
.w13{width: 13px!important;}
.w181{width: 181px!important;}
.w210{width: 210px!important;}
.w211{width: 211px!important;}
.w300{width: 300px!important;}
.w453{width: 453px!important;}

/*
 * Boton con efecto 3D http://cssdeck.com/labs/large-pressable-css-button
 */

 .button {
    display: inline-block;
    text-align: center;
    margin: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:    0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);
    box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    font-size: 25px;
    color: #fff;
}

.button span {
    display: inline-block;
    padding: 15px 20px;
    background-color: #FF68B2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(338, 90%, 80%, .8)), to(hsla(338, 90%, 70%, .2)));
    background-image: -webkit-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -moz-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -o-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    font-family: 'Pacifico', Arial, sans-serif;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .7);
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
}

.button:hover span {
    /*background-color: #ec6a9c;*/
    background-color: #FE98C6;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .9), 0 0 5px rgba(255, 255, 255, .8);
}

.button:active, .button:focus {
    -webkit-box-shadow:    0 8px 0 #FB2F8A, 0 12px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 8px 0 #FB2F8A, 0 12px 10px rgba(0, 0, 0, .3);
    box-shadow:    0 8px 0 #FB2F8A, 0 12px 10px rgba(0, 0, 0, .3);
}

.button:active span {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
}


.button2 {
    display: inline-block;
    text-align: center;
    margin: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:    0 8px 0 #042231, 0 15px 20px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 8px 0 #042231, 0 15px 20px rgba(0, 0, 0, .35);
    box-shadow: 0 8px 0 #042231, 0 15px 20px rgba(0, 0, 0, .35);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    font-size: 25px;
    color: #fff;
}

.button2 span {
    display: inline-block;
    padding: 15px 20px;
    background-color: #0C597E;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(200, 90%, 80%, .8)), to(hsla(200, 90%, 70%, .2)));
    background-image: -webkit-linear-gradient(hsla(200, 90%, 80%, .8), hsla(200, 90%, 70%, .2));
    background-image: -moz-linear-gradient(hsla(200, 90%, 80%, .8), hsla(200, 90%, 70%, .2));
    background-image: -o-linear-gradient(hsla(200, 90%, 80%, .8), hsla(200, 90%, 70%, .2));
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    font-family: 'Pacifico', Arial, sans-serif;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .7);
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
}

.button2:hover span {
    background-color: #138FCC;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .9), 0 0 5px rgba(255, 255, 255, .8);
}

.button2:active, .button2:focus {
    -webkit-box-shadow:    0 8px 0 #FB2F8A, 0 12px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 8px 0 #FB2F8A, 0 12px 10px rgba(0, 0, 0, .3);
    box-shadow:    0 8px 0 #FB2F8A, 0 12px 10px rgba(0, 0, 0, .3);
}

.button2:active span {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
}
