@charset "utf-8";
/* CSS Document by davidoDesign*/

/***** Reset & Basics *****/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/***** Typography *****/

	h1, h2, h3, h4, h5, h6 					{ margin:0; padding:0; font-family: Tahoma, Geneva, sans-serif; font-weight:normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight: inherit; }
	h1 										{ margin:0 0 10px 0; padding:0; font-size:28px; color:#333; }
	h2										{ margin:0 0 5px 0; padding:0; font-size:23px; color:#BE5E91; }
	h3 										{ margin:0 0 10px 0; padding:0; font-size:16px; color:#333; }
	h4 										{ margin:0 0 10px 0; padding:0; font-size:16px; color:#333; }
	h5 										{ margin:0 0 10px 0; padding:0 0 0 10px; font-size:19px; font-style: italic; color: #6B6B6B; font-family:Georgia, "Times New Roman", Times, serif; border-left: 3px solid #603813; }
	h6 										{ margin:0 0 10px 0; padding:0; font-size:10px; color:#333; }

	p 										{ padding: 0 0 14px 0; color: #6b6b6b; font-size: 13px; }

	sup, sub 								{ height:0;	line-height:1px; vertical-align:baseline; _vertical-align:bottom; position:relative; }
	sup 									{ bottom:1px; }
	sub 									{ top:1px; font-size:.6em; }
	em 										{ font-style:italic;}
	strong 									{ font-weight:bold; }
	small 									{ font-size:80%; }

/***** Links *****/
	a 										{ font-size: 13px;}
	a:link 									{ color:#be5e91; text-decoration:underline; outline:0; }
	a:visited 								{ color:#be5e91; text-decoration:none; outline:0; }
	a:active 								{ color:#be5e91; text-decoration:none; outline:0; }
	a:hover 								{ color:#52aed4; text-decoration:none; outline:0; }
	a:focus 								{ -moz-outline-style:none; }

/***** Global Classes *****/

	.img-left   							{ float:left; margin:0 10px 10px 0; border:none; }
	.img-right  							{ float:right; margin:0 0 10px 10px; border:none; }

	.clear       							{ clear: both; height: 1px; line-height: 1px; font-size: 1px; }
	.float-left 							{ float:left; }
	.float-right   							{ float:right; }

	body 									{ background-color: #fff; width: 100%; font-family: Tahoma, Geneva, sans-serif; }




/* ==========================================================================
   Estilos de Cirugía íntima femenina
   ========================================================================== */

/* ============== HEADER ============== */
header {
    background: #4F4F4F;
}

header .container{
    width:60%;
}

.header-contact {
    height: 25px;
    margin: 0 auto;
    padding: 5px 0;
    width: 960px;
}

.social {
    float: left;
    margin-right: 215px;
}

.social ul {
    display: inline;
    float: left;
    list-style: none outside none;
    text-decoration: none;
}

.social ul li {
    float: left;
    margin: 0 3px 0 0;
}

.social ul li a {
    float: left;
}

.social ul li span {
    padding: 3px 0 0 5px;
    margin: 0 0 0 0;
    color: #FFF;
    float: left;
}

.menu-corp {
    float: right;
}

.menu-corp ul {
    display: inline;
    list-style: none outside none;
    padding: 0;
    text-decoration: none;
}

.menu-corp ul li {
    float: left;
    margin-right: 15px;
}

.menu-corp ul li:last-child {
    margin-right: 0px;
}

.menu-corp ul li a {
    text-decoration: none;
    color: #FFF;
    padding: 0;
    font-size: 11px;
}

.menu-corp ul li a:hover {
    color: #e4e4e4;
}

.head-wrapper {
    background: url("../img/bgHead.png") repeat-x bottom left #f8f8f8;
    height:80px;
}

.head {
    height: 75px;
    margin: 0 auto;
    position: relative;
    width: 960px;
    z-index: 2;
    padding: 0;
}

.navbar-default,.navbar{
    border:none;
    background-color:transparent;
    margin:0px;
}

.navbar-collapse ul li a {
    color: #be5e91!important;
    display: block;
    font-size: 13px;
    padding: 20px 10px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 14px;
    height:70px;
}

.navbar-collapse ul li a:hover, .navbar-collapse ul li a.on{
    color: #FFF!important;
    text-decoration: none;
    background-color: #be5e91!important;
    border-bottom: 3px solid #848484!important;
}

.navbar-toggle{
    background-color:#c39aa8;
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
    background-color:#be5e91;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color:white;
}

.navegacion{
    padding-right:6px;
}

/** De momento no lo hay **/

/**.navbar-collapse ul li ul {
    background: none repeat scroll 0 0 #be5e91;
    border: 1px solid #CCC;
    width: 250px;
    height: auto;
    left: -999em;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 73px;
    z-index: 100;
}

.navbar-collapse li:hover ul {
    left: auto;
}

.navbar-collapse ul li ul li {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}

.navbar-collapse ul li ul li a {
    border-bottom: 3px solid #F8F8F8;
    color: #603813;
    display: block;
    font-size: 12px;
    padding: 10px;
    line-height: 14px;
    width: 230px;
    height: auto;
}

.navbar-collapse ul li ul li a:hover {
    background-color: #be5e91;
    color: #FFF;
}**/

/** SLIDER Y FORMULARIO **/
.conjunto{
    background: url('../img/bgSlider.jpg') repeat top center;
    padding:30px 0px;
}

.conjunto .container:first-child{
    max-height:370px;
    overflow:hidden;
}

.conjunto .container:last-child{
    background: url('../img/shadowSlider.png') no-repeat bottom;
    padding-bottom:20px;
}

.carousel-caption{
    background-color:black;
    opacity:0.8;
    width:100%;
    bottom:0px;
    left:0px;
    text-align:left;
    padding-bottom:30px!important;
}

.carousel-holder{
    float:left;
}

.item{
    min-height:370px;
}

/** FORMULARIO **/
.form1, .form2 {
    color: #FFF;
    font-size: 14px;
}

.campo, .textarea {
    width:100%;
    color: #6b6b6b;
    font-size: 13px;
}

.enviar {
    background: none repeat scroll 0 0 #603813;
    border: medium none;
    color: #FFFFFF !important;
    font-size: 14px;
    margin: 0;
    padding: 5px 15px;
    text-decoration: none !important;
}

.enviar:hover {
    background: #52aed4;
    text-decoration: none;
}

/**.form-cv input, .form-cv textarea {
    border: 1px solid #CCCCCC;
    padding: 5px;
}


.form-cv .form1, .form-cv .form2 {
    color: #6B6B6B;
    font-size: 14px;
}**/

.formulario {
    background-color:#c39aa8;
    padding: 50px 25px;
    min-height:370px;
}

.formulario h2 {
    font-size: 23px;
    color: #FFF;
    line-height: 23px;
    margin: 0 0 15px 0;
}

.formulario p {
    color: #FFF;
    font-style: italic;
}

.formulario .campo, .formulario .textarea {
    border: medium none;
    color: #6B6B6B;
    font-size: 13px;
    padding: 5px 3px;
}

.formulario .form1, .formulario .form2 {
    font-size: 14px;
}

.formulario .enviar {
    float: right;
    background: #ae6081;
    margin-top:-25px;
}

.formulario .enviar:hover {
    float: right;
    background: #cb7a9b;
}

/** REDES **/
.redes {display: block;
    height: 107px;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 44%;
    width: 45px;
    z-index: 10000;}

.redes a.botonfacebook {height:35px; float: left;}
.redes a.botonfacebook:hover {
    width:245px;
    height:35px;
    float:left;
    background: url(../img/facebook2.png) 1012px;

}

.redes a.botontuenti {height:35px; float: left;}
.redes a.botontuenti:hover {
    width:245px;
    height:35px;
    float:left;
    background: url(../img/tuenti2.png) 1012px;

}

.redes a.botontwitter {height:35px; float: left;}
.redes a.botontwitter:hover {
    width:245px;
    height:35px;
    float:left;
    background: url(../img/twitter2.png) 1012px;

}

.google_translate img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	border:0;
}
.google_translate:hover img {
	filter:alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
	border:0;
}
.google_translatextra:hover img {
	filter:alpha(opacity=0.30);
	-moz-opacity: 0.30;
	opacity: 0.30;
	border:0;
}

/** SLIDER **/
.carousel-caption {
    font-family: Helvetica, Arial, sans-serif;
    padding: 10px 20px!important;
}

.carousel-caption h1 {
    color: #FFF;
    margin: 0 0 0px 0;
    font-size: 21px;
}

.carousel-caption p {
    color: #d0d0d0;
    padding: 0!important;

}

.carousel-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.carousel-caption a:hover {
    color:#fff;
}

/** SIDEBAR SUBMENU **/
.submenu, .list-group:first-child {
    border-right: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
    border-left: 1px solid #EDEDED;
}

.list-group-item:first-child,.list-group-item:last-child{
    border-radius:0px;
}

.list-group-item{
    background: url("../img/bgSubmenu.jpg") repeat-y scroll right top #fbfbfb;
    border-right: 5px solid #f6f6f6;
}

.submenu a {
    color: #6d6d6d;
    font-size: 14px;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    border:0px;
    border-right: 5px solid #f6f6f6;
}

.submenu a:hover, #submenu-activo {
    color: #603813;
    background: #FFF;
    border-right: 5px solid #603813;
}

/** QUIENES SOMOS **/
.btnMas {
    background: #AE6081;
    padding: 5px 15px;
    font-size: 14px;
    color:#FFF!important;
    text-decoration: none!important;
    border-radius:0px;
    border:0px;
}

.btnMas:hover {
    background: #bf5e91;
    text-decoration: none;
}

.aboutUs {
    padding: 0 20px 0 0;
}

.aboutUs img {
    margin: 0 40px 0 10px;
}

.aboutUs .btnMas {
    padding: 10px 20px;
}

.aboutUs h2 {
    color: #be5e91;
}

/** CLAIM **/
.claim {
    width: 100%;
    padding: 0 50px;
    margin-top:-50px;
}

.claim h3 {
    color: #603813;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 23px;
    font-style: italic;
    text-align: center;
}

/** SOMBRAS DE RUPTURA **/
#break {
    background: url("../img/shadow_main.jpg") no-repeat bottom center transparent;
    padding: 10px 0 70px 0;
    width: 100%;
    margin: 0 0 -15px 0;
}

/** CUADROS **/
.main {
    /**background: url("../img/shadow_main.jpg") no-repeat bottom center transparent;**/
    padding: 0 0 70px 0;
    width: 100%;
    margin: 0 0 -24px 0;
}

.main .panel,.main .panel-heading{
    border:none;
}

/** FOOTER **/
footer{
    margin-top:50px;
}

footer h2, footer p, footer a {
    color: #939393;
}

footer .container-fluid:first-child{
    background: #f4f4f4;
    text-align: center;
	padding-top:50px;
}


footer .features{
    margin-bottom:50px;
}

footer .features ul {
    list-style: none;
}

footer .features ul li {
    margin: 0 0 5px 0;
}

footer .features ul li a {
    color: #a1a1a1;
    text-decoration: none;
}

footer .features ul li a:hover {
    color: #939393;
    text-decoration: underline;
}

footer .features h2 {
    font-size: 16px;
    font-weight: bold;
}

.footer-corporate-wrapper {
    background: #e9e9e9;
}

.container-fluid .footer-corporate {
    margin: 0 auto;
    padding: 20px 0;
    background-color:transparent;
}

.footer-corporate p {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #aaa9a9;
}

.footer-corporate a {
    color: #aaa9a9;
    text-decoration: none;
}

.footer-corporate a:hover {
    color: #939393;
    text-decoration: none;
}

/** CONTENIDOS **/
.contenedor-principal{
    width:60%;
    padding:0px;
    margin-top:30px;
}

.labioplastia ul li{
    list-style:none;
}

.sublist{
    padding-left: 5%;
    list-style:none;
}

.imgcinco{
    width: 100%;
    position: relative;
    left: -25px;
    margin:15px 0;
    overflow: hidden;

}
.imgcinco li{
    width: 19%;
    float:left; 
    padding-left: 1%;
}

.imgcinco li img{
    width: 100%;

}
.imgtres{
    width: 100%;
    overflow: hidden;

}

.imgtres li{
    width: 32%;
    float: left;
    padding-left: 8px;

}

.imgtres li img{
    width: 100%;
}

.imgdos{
    width: 100%;
    overflow: hidden;
}

.imgdos img{
    width: 50%;
    float:left;
    margin-top:20px;
}

.imgdos li{
    width: 50%;
    float:left;
}

.imgdos li img{
        width: 80%;
        margin-left: 30px;
}

.imagen_sola{
    float:right;
    width: 20%;
    padding-left: 3%;

}
.full{
    width: 50%;
    margin-left: 25%;
}

.img_pie{
    width: 25%;
    float:left;
    margin-right: 2%;
}
.img_pie img{
    width: 100%;
}
.img_pie_der{
    width: 50%;
    float:right;
    margin-right: 2%;
}
.img_pie_der img{
    width: 100%;
}

.plus{
    width: 35%;
}

.izq{
    float: left;
    padding-right: 2%;
    margin-bottom: 10px;
}

.der{
    float: right;
    width: 40%;
}

.pequena{
    width: 20%;
}

.pequena_plus{
    width: 10%;
}

.posdown1{
    position:relative;
    top:80px;
}
.posdown2{
    position:relative;
    top:50px;
}


.aire{
    margin-bottom: 50px;
}
.aire2{
    padding:1%;
}
.small{
    width: 50%;
}
.small2{
    width: 30%;
}

.airetop{
    margin-top: 50px;
    display:block;
}

.bloque{
    display:block;
    width: 100%;
    overflow: hidden;
    
    margin-top: 120px;
}
.apartado{
    width: 100%;
    margin-top: 50px;
}
.over{
    overflow:hidden;
}

.doscolumn{
    border:1px dotted #BCBCBC;
    margin-bottom: 50px;
    margin-top:30px;
    padding:20px;

}
.nomargen{
    margin: 0;
    padding:0 1% 0 0;
    position:relative;
    top: 50px;
}
.right{
    float:right;
    height: 393px;
}
.rojo{
    color:tomato;
}

/** LISTAS **/
.list-1 {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 10px 0;
}

.list-1 li {
    background: url("../img/bullet_pr.jpg") no-repeat scroll left 4px transparent;
    color: #6B6B6B;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 5px 0;
    min-height: 20px;
    padding: 0 0 0 15px;
}

.list-2 {
    list-style: none outside none;
    margin: 0 0 15px 0;
    padding: 15px 30px 5px 20px;
    background: none repeat scroll 0 0 #F1F1F1;
}

.list-2 li {
    background: url("../img/bullet_pr.jpg") no-repeat scroll left 4px transparent;
    color: #6B6B6B;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 7px;
    min-height: 22px;
    padding: 0 0 0 25px;
}

.list-3 {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    float: left;
}

.list-3 li {
    background: url("../img/bullet_pr.jpg") no-repeat scroll left 4px transparent;
    color: #6B6B6B;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 7px;
    min-height: 22px;
    padding: 0 0 0 25px;
    float: left;
    width: 185px;
}

.panelHome{
	min-height:325px;
}


/** MEDIA QUERIES **/
@media (max-width: 768px) {
    .aboutUs{
        margin-bottom:30px;
        margin-top:70px;
    }

    .navbar-collapse{
        background-color:white;
    }

    .head-wrapper{
        height:auto;
    }

    .logotipo{
        margin-bottom:50px;
    }

    .navbar{
        margin-top:50px;
        margin-bottom:30px;
    }

    .navegacion{
        padding-right:0px;
        margin-right:6px;
    }

    .centrado{
        text-align:center;
    }

    .navbar-collapse ul{
        padding-top:0px;
        margin-top:0px;
    }

    .formulario .enviar {
        margin-top:0px;
    }

    .redes{
        display:none;
    }

    .small2{
        width:100%;
        margin:10px;
    }

    .imagen_sola{
        width:100%;
        margin:10px;
    }

    .pequena{
        width:100%;
        margin:40px;
        text-align:right;
    }

    .der,.izq{
        float: none;
    }

    .posdown2{
        position:static;
    }

    .imgdos img{
        width:100%;
    }

    .imgtres li,.imgdos li,.imgcinco li,.imgdos li img,.img_pie,.der,.izq,.full{
        width: 100%;
        margin-top:10px;
        margin-bottom:20px;
    }

    .sublist .imagen_sola{
        width:20%;
        min-width:150px;
    }

    .full{
        margin-left:auto;
    }

    .conjunto .container:first-child{
        overflow:visible;
    }

    .item{
        min-height:270px;
    }

}

@media (max-width: 992px) {
    .aboutUs{
        margin-bottom:30px;
        margin-top:30px;
    }

    .head-wrapper{
        height:auto;
    }

    .logotipo{
        margin-bottom:50px;
    }

    .navbar{
        margin-top:50px;
        margin-bottom:30px;
    }

    .navegacion{
        padding-right:0px;
        margin-right:6px;
    }

    .centrado{
        text-align:center;
    }

    .navbar-collapse ul{
        padding-top:0px;
        margin-top:0px;
    }

    .formulario .enviar {
        margin-top:0px;
    }

    .redes{
        display:none;
    }

    .imgtres li{
        width: 100%;
        margin-top:10px;
        margin-bottom:20px;
    }

    .imgcinco li{
        width: 50%;
        margin-top:10px;
        margin-bottom:20px;
    }

    .imgcinco li:last-child{
        width: 100%;
        margin-top:10px;
        margin-bottom:20px;
    }

    .full{
        width:100%;
        margin-left:auto;
        margin-top:10px;
        margin-bottom:20px;
    }

    .conjunto .container:first-child{
        overflow:visible;
    }
}