body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	/*background:rgb(0, 76, 112) url('../imagenes/fondo2019.jpg') center 0 no-repeat fixed;*/
	background:#fff;
	line-height:0;
    margin:0;
    padding:0;
}

h2{
	cursor:pointer;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	}
	
.plegable{
	height:0;
	overflow:hidden;
	}

.menu, .plegable{
	display:none;
	}

.curved {
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari and chrome */
	-khtml-border-radius:10px; /* Linux browsers */
	border-radius:10px; /* css3 */
	behavior: url('estilos/border-radius.htc');
}

@font-face {
    font-family: 'TrajanProBold';
    src: url('../fonts/trajanpro-bold-webfont.eot');
    src: url('../fonts/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trajanpro-bold-webfont.woff') format('woff'),
         url('../fonts/trajanpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* --------COLORES Y FUENTES-------- 

AZUL rgb(1, 38, 64)
NARANJA rgb(236, 91, 64)
TrajanProBold
DORADO #a27e4e
TURQUESA rgb(25, 141, 177)

----------------------------------*/


#picture { float:right;padding:10px;padding-top:0;line-height: 100%;height: auto;}

.picture2 { float:right;line-height: 100%;height: auto;padding-left:10px;padding-top:50px;}


p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
}


#contenedor{ 
	width:1000px;
	height:auto;
	margin:0 auto;
	margin-top:26px;
	line-height:0;
	/*position: relative;*/
	
}

#top {
	padding:0;
	height:auto;
	overflow:auto;
}
#logo, .logo {
	/*width:404px;
	height:118px;*/
}
#logo {
	padding:24px;
	display:inline-block;

}
.logo {
	/*background: url('../imagenes/logo.png') top left no-repeat;*/
}
#tel {
	font-family: Georgia, AllerBold, Arial, Helvetica, sans-serif;
	float:right;
	text-align:right;
	padding-right:74px;
	padding-top:32px;
	line-height:13px;
}
#tel img {
	padding-top:8px;
	padding-right:10px;
	vertical-align:text-bottom;
}
#tel .tel {
	font-size:40px;
	color:#069;
	display:none;
}
#tel .tlt, #tel .frase {
	font-size:18px;
	font-style:italic;
	text-align:right;
	padding-top:6px;
	color:#ee9a2d;
	line-height:22px;
}
.tel-pie {
	font-family: Swis721BdRndBTBold, Arial, Helvetica, sans-serif;
	font-size:30px;
}


#nav {
	margin:0;
	background:rgb(1, 38, 64); /*url('../imagenes/fondo_nav.jpg') top left repeat-x*/
	padding:24px;
	overflow:auto;
}
#nav div {
	/*padding-top:5px;*/
	/*padding-left:124px;*/
}
#nav ul {
	list-style-type:none;
	margin:0 auto;
	padding:0;
}
#nav li {
	margin:0;
	display:inline-flex;
	margin:0;
	border-right:1px solid rgb(236, 91, 64);
}

#nav li.formacion {background:#069;padding-top:8px;margin-top:-10px;}

#nav li a {
	color:#fff;
	font-family: Georgia, serif; 
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	padding:15px;
}

#nav li a:hover {
	color: #c00;
}


/*---------HEADER---------*/


#banner { 
	width: 900px;
	height: 230px;
	margin: 20px auto;
	text-align:left;
	background:#004075 url('../imagenes/banner.jpg') no-repeat;
	position:relative;
}
#curva-banner {
	height:102px;
	width:100%;
	background: url('../imagenes/curva_banner.png') no-repeat;
	position:absolute;
	z-index:11;
	bottom:-20px;
}
/* slider */

		#slider-banner-outer {
			background:#000;
			text-align:center;
			width:900px;
			height:230px;
			padding:0;
			margin:0 auto;
			position:relative;
			}
		#slider-banner ul, #slider-banner li{ 
			margin:0 auto;
			padding:0;
			list-style:none;
			}	
		#slider-banner, #slider-banner li, #banner-fijo{ 
			height:260px;
			width:900px;
			overflow:hidden;
			}	
		#slider-banner, #banner-fijo{ 
			margin:0 auto;
			}	
		#slider-banner-outer #prevBtn, #slider-banner-outer #nextBtn{ 
			display:block;
			width:25px;
			height:25px;
			position:absolute;
			left:20px;
			top:100px;
			}	
		#slider-banner-outer #nextBtn{ 
			left:854px;
			}														
		#slider-banner-outer #prevBtn a, #slider-banner-outer #nextBtn a{  
			display:block;
			width:25px;
			height:25px;
			background:url('../imagenes/btn_slider_l.png') no-repeat 0 0;	
			}	
		#slider-banner-outer #nextBtn a{ 
			background:url('../imagenes/btn_slider_r.png') no-repeat 0 0;	
			}
			
		#slider-banner-outer {/*position:relative;*/}
		#slider-banner-outer .txt {
			color:#004075;
			font-family: TrajanProBold, Georgia, serif; 
			/*font-weight: bold;*/
			font-size: 24px;
			line-height:34px;
			position:absolute;
			z-index:15;
			top:20px;
			left:0px;
			text-align:left;
			text-transform:uppercase;
			width:450px;
			background: /*url('../imagenes/fondo_txtbanner.png')*/ #fff;
			padding: 10px 10px 10px 40px;
		}
								
	
	/* slider */
	
	
/*----- SLIDER FADE -----*/

#slideshow {
    position:relative;
    height:310px;
    width:615px;
    float:right;
    z-index:0;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height:310px;
    /*background-color: #FFF;*/
    color:#004075;
    font-family: TrajanProBold, Georgia, serif; 
	font-size: 24px;
	line-height:34px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
    width:615px;
}

#slideshow DIV span {
    width:450px;
    background: /*url('../imagenes/fondo_txtbanner.png')*/ #fff;
    padding: 10px 10px 10px 40px;
    text-transform:uppercase;
    display:block;
    margin-top:20px;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    position:absolute;
    z-index:-1;
    height:310px;
    display: block;
    border: 0px none;
    margin-bottom: 10px;
}

/*--------------*/

#slideshow2 {
    position:relative;
    height:225px;
    width:300px;
    margin:0 auto;
    border:1px solid #004075;
	border-right:1px solid #4588BA;
	border-bottom:1px solid #4588BA;
}

#slideshow2 DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 225px;
    /*background-color: #FFF;*/
    color:#fff;
    font-family: TrajanProBold, Georgia, serif; 
	font-size: 24px;
	line-height:34px;
	width:300px;
	margin:0 auto;
}

#slideshow2 DIV.active {
    z-index:10;
    opacity:1.0;
    width:300px;
}

#slideshow2 DIV.last-active {
    z-index:9;
}

#slideshow2 DIV IMG {
    position:absolute;
    z-index:-1;
    height: 225px;
    display: block;
    border: 0px none;
    margin-bottom: 10px;
    top:0;
    left:0;
}



/*---------CONTENIDO---------*/

#testimonios { 
	background:#fff;
	float:left;
	border:5px solid #27ab91;
}

#frase, #testimonios { 
	margin: 20px auto 0;
	text-align:left;
	float:right;
	
}
#frase { 
	width: 400px;
	height:320px;
	font-family:Georgia,serif;
	font-size:37px;
	font-style:italic;
	line-height:120%;
	padding-top:20px;
	padding-right:30px;
}
#frase .frase { 
	font-size:25px;
	color:#0059df;
	line-height:100%;
	margin-bottom:20px;
	text-align:center;
}

#testimonios { 
	/*width:516px;
	height: 320px;*/
	float:left;
	margin-left:50px;
	margin-top:26px;
	position:relative;
	z-index:2;
	max-height:233px;
}
#sombra1, #sombra2 {
	margin: 0 auto;
	background: url('../imagenes/sombra3.png') top center no-repeat;
	width:420px;
	height:10px;
	float:left;
	margin-left:0px;
	margin-top:-51px;
}
#sombra2 {
	background: url('../imagenes/sombra2.png') top center no-repeat;
	width:350px;
	float:right;
}

.descarga { 
	background: url('../imagenes/descarga-gratis.png') top left no-repeat;
	z-index:10;
	position:absolute;
	width:210px;
	height:100px;
}

#main-outer { 
	height:auto;
	text-align:center;
	background:#fff /*url('../imagenes/fondo_main.jpg') bottom repeat-x*/;
	box-shadow:0 8px 20px 0 #ccc;
	margin:10px 0 20px 0;
}


#main { 
	height:auto;
	overflow:auto;
	text-align:center;
	margin:0;padding:0;
	background:/*url('../imagenes/fondo_colder.jpg') top repeat-x*/;
}

#preguntas span {
	font-family:Georgia, serif;
	font-size:17px;
	font-style:italic;
	display:block;
	padding-top:14px;
	border-top:1px solid #ccc;
}

#preguntas input {
	margin-top:10px;
	display:inline-block;
}

#respuesta {
	text-align:center;
	padding-top:20px;
}

#respuesta .res1, #respuesta .res2, #respuesta .res3 {
	color:red;
	font-family:Georgia, serif;
	font-size:24px;
	font-style:italic;
	display:block;
	padding:14px 0;
}
#respuesta .res2 {color:orange;}
#respuesta .res3 {color:green;}


.txt{
	font-family:Calibri, Helvetica, sans-serif;
	line-height:140%;
	font-size:18px;
	color:rgb(1, 38, 64);
	text-align:left;
	overflow:auto;
	padding:50px;
}

.txt .intro {
	font-family:Georgia,serif;
	font-style:italic;
	font-size:16px;
	line-height:23px;
}

.txt a {
	color: #39f;
	text-decoration:none;
}
.txt a:hover {
	text-decoration:none;
}

.txt a img{
	vertical-align:middle;
	border:none;
}
.txt .link {
	text-decoration:none;
	border-bottom:none;
}
.txt .link:hover {
	border-bottom:none;
}
.txt .link-volver {
	text-decoration: none;
	background: url('../imagenes/bullet_volver.gif') no-repeat;
	padding-left: 12px;
	border-bottom:none;
}

.txt .link-volver:hover {
	text-decoration: underline;
	border-bottom:none;
}


.txt ul {
	list-style-type:none;
	list-style-position:inside;
	margin:20px 0 0 0;
	padding:0;
}
.txt li {
	margin:0;
	padding:0 0 8px 15px;
	background-image: url('../imagenes/bullet.gif');
	background-position:0px 8px;
	background-repeat: no-repeat;
	display:block;
}

.txt ul.sistema {
	list-style-type:none;
	list-style-position:inside;
	margin:0;
	padding:0;
}
.txt ul.sistema li {
	width:45%;
	margin:0;
	padding:0 20px;
	display:inline-table;
	background:none;
	float:left;
}

.txt .destacado {
	padding:20px;
	background: url('../imagenes/fondo_txtbanner.png');
	/*border:1px solid #5EAEFF;*/
}

#bloque-destacado-dorado, #bloque-destacado-turquesa{
	font-family: Arial, Helvetica, sans-serif;
	line-height:150%;
	font-size:0px;
	color:#fff;
	background:#a27e4e;
	text-align:left;
	overflow:auto;
	padding:50px;
}

#bloque-destacado-turquesa{
	background:rgb(25, 141, 177);
	padding:30px 50px;
	text-align:center;
}

#bloque-destacado-dorado{
	text-align:center;
}

.titulo1, .titulo2, .titulo3, .titulo4, .telefono, .telefono-mobile{
	font-family:Cambria, serif;
	text-transform:uppercase;
	line-height:120%;
}

.titulo1{
	font-size:26px;
}
.titulo2{
	font-size:30px;
	margin:30px 0 20px;
}
.titulo3{
	font-size:26px;
}
.titulo4{
	font-size:50px;
	line-height:100%;
}


.telefono{
	font-size:50px;
}

.telefono-mobile{
	font-size:40px;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	margin-top:6px;
	padding:10px;
}

.ig {
	display:inline-block;
	margin-top:34px;
}

.txt a, .txt-pie a {
	color: #2390c0;
	text-decoration:none;
}
.txt a span{
	display:inline-block;
	margin-top:5px;
}
.txt-pie a {
	color: #ffffcc;
	font-size: 11px;
}
.txt a:hover, .txt-pie a:hover {
	/*border-bottom:1px dotted;*/
}

/*---------PIE---------*/

#pie { 
	width: 940px;
	height: auto;
	clear:both;
	margin:0 auto;
	margin-top:10px;
	padding:0;
	padding-bottom:50px;
	background: /*url('../imagenes/sombra_pie.png') top center no-repeat*/;	
	clear:both;
	position:relative;
	overflow:auto;
	
}
#curva-pie {
	height:77px;
	width:100%;
	background: url('../imagenes/curva_pie.png') no-repeat;
	position:absolute;
	z-index:20;
	top:-55px;
	left:0px;
}
#pie .txt { 
	text-align:left;
	color:#069;
	padding-left:10px;
	padding-bottom:30px;
}
#pie .txt img { 
	float:left;
	margin-right:10px;
	margin-top:7px;
	padding-bottom:50px;
}
#pie .txt span { 
	font-weight:bold;
	font-size:20px;
	color:#069;
	vertical-align:middle;
}

#ah {
	float:right;
}
#ah ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#ah li {
	margin:0;
	display:inline;
	margin:0;
	padding:0 2px;
}
	
	#ah a {
		color:#069;
		font-size: 10px;
		text-decoration:none;
	}
	#ah a img {
		vertical-align:middle;
	}

/*-----------FORM-------------*/


.fondo {
	background: rgb(255, 255, 255);
}

#msg {
	text-align:center;
	padding:10px;
	color:#fff;
	margin-bottom:10px;
	border:1px solid #d5f1ff;
}

form {
	padding:0;
	margin-top:13px;
}

.campo { 
	width:239px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	margin-bottom: 5px;
	padding:3px;
	background: #fff url('../imagenes/fondo_campo.jpg') top left repeat-x;
	border-top: 1px solid #003366;
	border-left: 1px solid #003366;
	border-right: 1px solid #99ccff;
	border-bottom: 1px solid #99ccff;
}
.campo:focus { 
	color: #000;
	border-top: 1px solid #99ccff;
	border-left: 1px solid #99ccff;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
}

label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 13px;
	margin-top:5px; text-align:left;
	display:block;
	padding:6px 0;
}

.boton { 
	font-family: Georgia, serif;
	font-size:20px;
	font-weight:bold;
	background:rgb(235, 137, 48) url('../imagenes/wp.png') center no-repeat;
	background-size:36px;
	background-position:34%;
	display:block;
	padding:15px;
	padding-left:50px;
	border-radius:5px;
	text-align:center;
	border:0px none;
	color:#fff !important;
	margin-top:20px;
	text-decoration:none;
}

.boton:hover { 
	outline: 1px solid #ff0;
	background:rgb(238, 158, 86) url('../imagenes/wp.png') center no-repeat;
	background-size:36px;
	background-position:34%;
}

#testimonios-movil{
display:block;
}

#modal{
	position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    height: 100%;
    width: 100%;
}

.modalconent{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width:560px;
    padding: 0px;
}

.modalconent img{
	width: 100%;
	height:auto;
}

.modalconent #button{
	position:relative;
	float:right;
	top:0px;
	left:0px;
	border:2px solid #fff;
	background:#000;
	color:#fff;
	font-weight:bold;
}

.telefono-mobile{
	display:none;
}

#cont-videobg{background:#fff}

#transforma{
	top:60px;
	left:60px;
	position:absolute;
	z-index:2;
	line-height:120%;
	max-width:300px;
	font-size:30px;
	font-family:Cambria, serif;
	font-weight:bold;
	color:#a27e4e;
	text-transform:uppercase;
	display:none;
}

#medica{
	top:1150px;
	left:480px;
	right:60px;
	position:absolute;
	z-index:2;
	line-height:100%;
	max-width:100%;
	font-size:22px;
	font-family:Cambria, serif;
	font-weight:normal;
	color:#fff;
	text-align:left;
	background:#a27e4e;
	padding:30px;
	border-radius:10px;
}

#medica span{
	font-size:40px;
	line-height:100%;
}

.img1{
	max-width:1000px;
	}
	
.imgli{
	width:400px;
	}
	
.icon{
	display:block;
	text-align:right;
	float:right;
	padding:0;
	margin:0 6px;
	line-height:100%;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	}
	
.icon div{
	margin:12px 5px;
	float:right;
	}
	
#img11{
	margin-top:-250px;
	}

/*------------------ MOBILE ------------------*/

@media all and (max-width: 800px){
    div{
        display:block !important;  /* Cuando el ancho sea inferior a 600px el elemento será un bloque */
        width: auto !important;
        max-width: auto !important;
        margin:0;
        position: static !important;
        float: none !important;
        /*overflow:auto !important;*/
        padding:0 !important;
        text-align:center !important;

    }
    body { 
	/*background:#fff;*/
	}
    
    ul{margin:0;padding:0;}
    
    .frase #brillofrase embed {
    display:none;
    }
    
	div #menu, div #menu div, .plegable, #main{
	margin:0 !important;
	}
	
	#main-outer{
	margin:15px;
	}
	
	h2, #menu li a{
	display:block !important;
	background:rgb(236, 91, 64) !important;
	margin:0 !important;
	padding:25px !important;
	border-top:1px solid #c30;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	}
	
	h2, #menu li a:active{
	background:rgb(1, 38, 64) !important;
	}

	h2{
	border:none;
	padding:0px !important;
	padding-left:0;
	padding-right:0;
	overflow:auto;
	}
	
	h2.menu img{
	vertical-align:middle;
	float:right;
	}
	
	#menu li{
	display:block !important;
	}

	#nav, #sombra-nav {
	display:none !important;
	}
	
	#cont-home {
	margin:0;
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	padding:10px;	
	}
	
	#contenedor{
	margin:0;
	}
	
	#img11{
	margin-top:-90px;
	}
	
	.logo, .img1, .img2, .img3, .img-sp{
	max-width:100%;
	margin:0 auto;
	}
	
	#logo{
	padding:20px !important;
	}
	
	#secciones a{
	max-width:320px;
	}
	
	#main .txt{
	height:auto;
	text-align:left !important;
	padding:24px !important;
	font-size:16px;
	}
	
	#bloque-destacado-turquesa, #bloque-destacado-dorado{
	height:auto;
	text-align:center !important;
	padding:24px !important;
	}

	#main .txt .titulo2, #contacto .txt .titulo1 {
	text-align:left !important;
	}
	
	#slideshow, #prevBtn a, #nextBtn a, #sombra-main, #brilloadn, #brillotips, #nuestro_ebook, #nuestra_ong, .col-der{
	display:none !important;
	}
	
	#tel .tel {
	font-size:8vw;
	}
	
	div #secciones{ 
	display:none !important;
	}
	div #banner-home{ 
	display:none !important;
	}
	.col-izq .txt img{
	max-width:100%;
	}
	#testimonios-movil{
	display:initial;
	}
	.flexslider img{width:100% !important;}
	.flex-direction-nav{display:none !important;}
	
	#modal{
	margin:0;
	padding:0;
	background:none;
	}
	.modalconent{
    transform: inherit;
    }
    .modalconent #button{
    display:none;
    }

	/*#pie .txt img {float:none;text-align:center;padding-bottom:10px;}*/
	
	
	.telefono{
	display:none !important;
	}
	
	.telefono-mobile{
	display:inherit;
	}
	
	.txt ul.sistema li {
	width:100%;
	display:block;
	padding:0;
	}
	
	.txt ul.sistema li img {
	width:100%;
	}
	
	.txt ul.sistema li .boton {
	background:rgb(235, 137, 48);
	display:block;
	padding:15px;
	border-radius:5px;
	text-align:center;
	border:0px none;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	}

	#testimonios-movil{
	display:initial;
	}
	.flexslider img{width:100% !important;}
	.flex-direction-nav{display:none !important;}
	
	#cont-videobg{position:relative !important;}
	#videobg{position:relative !important;text-align:center !important;left:0 !important; width:100% !important;}
	
	#transforma{
	top:25px;
	left:15px;
	position:absolute !important;
	z-index:2;
	line-height:120%;
	max-width:230px;font-size:20px !important;
	font-weight:normal;
	text-align:left !important;
	}
	
	#medica{
	top:390px;
	left:20px;
	right:20px;
	position:absolute !important;
	z-index:2;
	line-height:100%;
	max-width:100%;
	font-size:16px !important;
	font-family:Cambria, serif;
	font-weight:normal;color:#fff;
	text-align:left !important;
	background:#a27e4e;
	padding:15px !important;
	border-radius:10px;
	}
	
	#medica span{
	font-size:23px !important;
	line-height:100%;
	font-weight:bold;
	}

	
	video{width:100% !important;}
	
	.boton { 
	background:rgb(235, 137, 48) url('../imagenes/wp.png') center no-repeat !important;
	background-size:40px !important;
	background-position:28% !important;
	padding-left:55px !important;
	}
	
	.icon div{
	margin:12px 5px !important;
	float:right !important;
	}


}
    
    
/*-------------------------------------*/