/* @group Tipografías-Iconos */

/* font-family: @import 'https://fonts.googleapis.com/css?family=Shadows+Into+Light'; */

/* @end */
	
/* font-family: 'Shadows Into Light', cursive; */


/*
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(67,45,14,0) 28%, rgba(239,160,50,1) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(67,45,14,0) 28%,rgba(239,160,50,1) 100%); 
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(67,45,14,0) 28%,rgba(239,160,50,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#efa032',GradientType=1 );
*/


.obesidad_txt_up a{
	color: #ccc;
}

.obesidad_txt_up a:hover{
	color: #fff;
}

.obesidad_txt_down a{
	color: #ccc;
}

.obesidad_txt_down a:hover{
	color: #fff;
}

.dofon{
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(67,45,14,0) 28%, rgba(239,160,50,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(67,45,14,0) 28%,rgba(239,160,50,1) 100%); 
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(67,45,14,0) 28%,rgba(239,160,50,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#efa032',GradientType=1 );
}


.consultorio_slide{
	margin-bottom: 2%;
}

.consultorio_down{
	
}


.consultorio_left{
	float: left;
	width: 43%;
}

.consultorio_right{
	float: right;
	width: 55%;
}

.pdf{
	margin-top: 2%;
}

.regimen_up{
	line-height: 25px;
	margin-bottom: 2%;
}

.regimen_up_img{
	float: left;
	width: 30%;
	margin-right: 2%;

}

.regimen_up_texto{
	float: left;
	width: 68%;

}




.regimen_down{
	line-height: 25px;
}

.regimen_down_img{
	float: right;
	width: 30%;
	margin-left: 2%;

}

.regimen_down_texto{
	float: left;
	width: 68%;

}






.tratamiento_izq{
	float: left;
	width: 68%;
}

.tratamiento_der{
	float: right;
	width: 30%;
}

.trat_texto{
	margin-top: 2%;
	line-height: 25px;
}


.trat_tres_izq{
	float: left;
	width: 28%;
}

.trat_tres_cen{
	float: left;
	width: 28%;
	margin-right: 2%;
	margin-left: 2%;
}

.trat_tres_der{
	float: left;
	width: 40%;
}





.gordos_izq{
	float: left;
	width: 30%;
	margin-right: 2%;
}

.gordos_der{
	float: left;
	width: 65%;
}

.obesidad_txt_up{
	line-height: 25px;
}

.obesidad_txt_down{
	line-height: 25px;
	margin: 0 auto;
}

.obesidad_tres_mod{
	margin-top: 0;
	margin-bottom: 2%;

}

.icm{
	text-align: center;
}

.ob_mod_izq{
	float: left;
	width: 28%;

}

.ob_mod_cen{
	float: left;
	width: 280px;
	text-align: center;

	margin-right: 1%;
	margin-left: 1%;
}

.ob_mod_der{
	float: right;
	width: 28%;

}




.email{
	color: #fff;
}

.email:hover{
	color: #fe9800;
}

	/* container */
	#container {
		width: 100%;
		overflow: hidden;
		}
		
		
		#contenedor{
			width: 950px;
			margin: 0 auto;
			margin-top: 5%;
		}
	
	
.texto_intro{
	font-family: 'Shadows Into Light', cursive;
	text-align: center;	
	position:fixed; 
	bottom:0; 
	z-index:999999;
	width: 100%;
	margin-bottom: 8%;
	font-weight: bold;
}


.doc{
	font-size: 4em;
	padding: 1%;
	color: #fe9800;
	text-shadow: 1px 1px 5px #000;
}

.tra{
	font-size: 2em;
	padding: 1%;
	color: #fecb65;
	text-shadow: 1px 1px 5px #000;
}

.ing a{
	font-size: 2em;
	padding: 1%;
	color: #fff;
	text-shadow: 1px 1px 5px #000;
}

.ing a:hover{
	color: #ccc;
}


.contiene_menu{
	width: 900px;
	margin: 0 auto;
}

.menu_izq{
	float: left;
	width: 60%;
	font-family: 'Shadows Into Light', cursive;
	color: #fff;
}

.menu_izq p{
	padding: 2%;
	margin-bottom: 1%;
}

.menu_izq p img{
	position: relative;
	top: 5px;
}

.menu_izq p a{
	font-size: 1.8em;
	color: #fff;
	font-weight: bold;
}

.menu_izq p a:hover{
	font-size: 1.8em;
	color: #fe9800;
	font-weight: bold;
}


.menu_der{
	float: right;
	width: 40%;
	color: #fe9800;
	font-family: 'Shadows Into Light', cursive;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 25px;
}

.menu_der img{
	width: 100%;
}


.menu_uno{
	position: relative;
	left: 10px;
}

.menu_dos{
	position: relative;
	left: 20px;
}

.menu_tres{
	position: relative;
	left: 30px;
}

.menu_cuatro{
	position: relative;
	left: 40px;
}

.menu_cinco{
	position: relative;
	left: 50px;
}

.menu_seis{
	position: relative;
	left: 60px;
}

.menu_siete{
	position: relative;
	left: 70px;
}


.centrar{
		position: absolute;
		top:50%;
		left:50%;
		width:700px;
		margin-left:-350px;
		height:450px;
		margin-top:-225px;
}

.sector_izq{
	float: left;
	font-family: 'Shadows Into Light', cursive;
	font-weight: bold;
	color: #fff;
	width: 25%;
	font-size: 1.2em;
	line-height: 35px;
}

.menu_izquierda{
	position: relative;
	top: 5px;
}

.bot_izq{
	color: #fff;
}

.bot_izq:hover{
	color: #fe9800;
}

.sector_der{
	float: right;
	color: #fff;
	width: 74%;
}


.contenido_copete{
	background: #000;
	height: 150px;
	background-image: url(imgs/copete.png);
}

.contenido_copete_in{
	padding-top: 45px;
	float: left;
}

.contenido_copete_in_two{
	padding-top: 45px;
	float: right;
	line-height: 30px;
}

.contenido_copete_in_two h1{
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	font-family: 'Shadows Into Light', cursive;
	padding-right: 2%;
	width: 200px;
	text-align: right;
}

.contenido_copete_in p{
	color: #fe9800;
	font-size: 1.6em;
	font-weight: bold;
	font-family: 'Shadows Into Light', cursive;
	padding: 1%;
}

.contenido_sector{
	border: 1px solid #444;
}

.contenido_sector_in{
	padding: 2%;
	line-height: 25px;
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	font-size: 0.9em;
}

.pie{
	padding-top: 2%;
	line-height: 25px;
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	font-size: 0.9em;
	color: #fff;
	text-align: right;
}

.pie img{
	padding-left: 1%;
	width: 32px;
}


.home{
	text-align: center;
	padding: 4%;
}

.home img{
	width: 24px;
}

.home img{
	opacity: 0.7;
}

.home img:hover{
	opacity: 1;
}

.datos{
	text-align: center;
	line-height: 25px;
	font-size: 0.9em;
}

.datos .tit{
	color: #fe9800;
}




.corner{
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
		
.transition-color{
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;  
	transition: color 0.3s ease;
}

.transition-background{ 
	-moz-transition: background 0.3s ease; 
	-ms-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.sombra{
	-moz-box-shadow: 0px 0px 3px #999;
	-ms-box-shadow: 0px 0px 3px #999;
	-webkit-box-shadow: 0px 0px 3px #999;
	box-shadow: 0px 0px 3px #999;	
}

.sombra-interior{
	-moz-box-shadow: inset 0 0 0 1px #999;
	-ms-box-shadow: inset 0 0 0 1px #999;
	-webkit-box-shadow: inset 0 0 0 1px #999;
	box-shadow: inset 0 0 0 1px #999;
}

.sombra-bottom {
	-moz-box-shadow: 0 4px 2px -2px #999;
	-ms-box-shadow: 0 4px 2px -2px #999;
	-webkit-box-shadow: 0 4px 2px -2px #999;
	box-shadow: 0 4px 2px -2px #999;
}


.sector_izq_mov{
	display: none;
}


.contenido_copete_mov {
    display: none;
}

.contenido_copete_in_mov {
    display: none;
}

.contenido_copete_in_two_mov {
   display: none;
}

.datos_mov{
	display: none;
}




@media only screen 
and (min-width : 0px) 
and (max-width : 1023px) {

	#container {
		width: 100%;
		overflow: hidden;
	}
	
	.texto_intro {
	    font-family: 'Shadows Into Light', cursive;
	    text-align: center;
	    position: relative;
	    bottom: 0;
	    z-index: 999999;
	    width: 100%;
	    margin-bottom: 0;
	    margin-top: 15%;
	    font-weight: bold;
	}
	
	#contenedor {
	    width: 100%;
	    margin: 0 auto;
	    margin-top: 0;
	}
	
	.centrar {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    margin-left: 0;
	    height: 0;
	    margin-top: 0;
	}
	
	.menu_izq {
	    float: left;
	    width: 100%;
	    font-family: 'Shadows Into Light', cursive;
	    color: #fff;
	}
	
	.menu_der {
	    float: right;
	    width: 100%;
	    color: #fe9800;
	    font-family: 'Shadows Into Light', cursive;
	    text-align: center;
	    font-size: 1.2em;
	    font-weight: bold;
	    line-height: 25px;
	}
	
	.menu_uno {
	    position: relative;
	    left: 0;
	}
	
	.menu_dos {
	    position: relative;
	    left: 0;
	}
	
	.menu_tres {
	    position: relative;
	    left: 0;
	}
	
	.menu_cuatro {
	    position: relative;
	    left: 0;
	}
	
	.menu_cinco {
	    position: relative;
	    left: 0;
	}
	
	.menu_seis {
	    position: relative;
	    left: 0;
	}
	
	.menu_siete {
	    position: relative;
	    left: 0;
	}
	
	
	.menu_izq {
	    float: left;
	    width: 100%;
	    font-family: 'Shadows Into Light', cursive;
	    color: #fff;
	    font-size: 0.8em;
	    margin-bottom: 8%;
	}
	
	.menu_der {
	    float: right;
	    width: 100%;
	    color: #fe9800;
	    font-family: 'Shadows Into Light', cursive;
	    text-align: center;
	    font-size: 1.2em;
	    font-weight: bold;
	    line-height: 25px;
	    margin-bottom: 20%;
	}
	
	
	
	.sector_der {
	    float: left;
	    color: #fff;
	    width: 96%;
	    padding: 2%;
	}
	
	.pie {
	    padding-top: 4%;
	    line-height: 25px;
	    font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	    font-size: 0.9em;
	    color: #fff;
	    text-align: center;
	}
	
	
	.contenido_copete {
	    display: none;
	}
	
	.contenido_copete_in {
	    display: none;
	}
	
	.contenido_copete_in_two {
	    display: none;
	}
	
	.datos{
		display: none;
	}
	
	.sector_izq{
		display: none;
	}
	
	.sector_izq_mov{
		display: block;
		
		float: left;
		font-family: 'Shadows Into Light', cursive;
		font-weight: bold;
		color: #fff;
		width: 96%;
		font-size: 1.2em;
		line-height: 35px;
		padding: 2%;
		margin-top: 2%;
	}
	
	
	.contenido_copete_mov {
	    display: block;
	    background: #000;
	    height: auto;
	    font-family: 'Shadows Into Light', cursive;
	    
	    background-image: url(imgs/copete-mobil.png);
	    background-position: bottom center;
	    background-repeat: no-repeat;
	}
	
	.contenido_copete_in_mov {
	    display: block;
	    float: none;
	    text-align: center;
	    line-height: 35px;
	    font-family: 'Shadows Into Light', cursive;
	    font-size: 1.2em;
	    font-weight: bold;
	    color: #fe9800;
	    margin-bottom: 0;
	}
	
	.contenido_copete_in_two_mov h1{
		font-size: 2em;
		text-align: center;
	}
	
	
	.contenido_copete_in_two_mov {
		display: block;
	    padding: 5%;
	    float: none;
	    line-height: 0;
	    margin-bottom: 2%;
	    margin-top: 2%;
	    font-family: 'Shadows Into Light', cursive;
	    background: #fe9800;
	    line-height: 35px;
	}
	
	.home {
	    text-align: center;
	    padding-top: 4%;
	    padding-bottom: 0;
	}
	
	.datos_mov{
		display: block;
		text-align: center;
		line-height: 25px;
		font-size: 0.9em;
		margin-bottom: 2%;
		border: 1px solid #444;
		padding: 4%;
	}
	
	.datos_mov .tit{
		display: block;
		color: #fe9800;
	}
	
	
	.obesidad_tres_mod{
		margin-top: 2%;
		margin-bottom: 2%;
		
	}
	
	.ob_mod_izq{
		float: left;
		width: 100%;
		
	}
	
	.ob_mod_cen{
		float: left;
		width: 100%;
		margin-top: 1%;
		margin-bottom: 1%;
		margin-right: 0;
		margin-left: 0;
	}
	
	.ob_mod_der{
		float: left;
		width: 100%;
		
	}
	
	.gordos_izq {
	    float: left;
	    width: 100%;
	    margin-right: 0;
	    /*  */
	}
	
	.gordos_der {
	    float: left;
	    width: 100%;
	    /**/
	    margin-top: 2%;
	}
	
	.ob_mod_cen {
	    float: left;
	    width: 100%;
	    /**/
	    margin-top: 2%;
	    margin-bottom: 2%;
	    margin-right: 0;
	    margin-left: 0;
	}
	
	.tratamiento_izq {
	    float: left;
	    width: 100%;
	   
	}
	
	.trat_tres_izq {
	    float: left;
	    width: 100%;
	    text-align: center;
	}
	
	.trat_tres_cen {
	    float: left;
	    width: 100%;
	    margin-right: 0;
	    margin-left: 0;
	    margin-top: 2%;
	    margin-bottom: 2%;
	    text-align: center;
	}
	
	.trat_tres_der {
	    float: left;
	    width: 100%;
	    margin-bottom: 0;
	    text-align: center;
	}
	
	.trat_texto {
	    margin-top: 2%;
	    line-height: 25px;
	    margin-bottom: 2%;
	}
	
	.tratamiento_der {
	    float: left;
	    width: 100%;
	}
	
	.regimen_up_img {
	    float: left;
	    width: 100%;
	    margin-right: 0;
	    
	    margin-bottom: 2%;
	}
	
	.regimen_up_texto {
	    float: left;
	    width: 100%;
	    
	}
	
	.regimen_down_texto {
	    float: left;
	    width: 100%;
	    
	    margin-bottom: 2%;
	}
	
	.regimen_down_img {
	    float: left;
	    width: 100%;
	    margin-left: 0%;
	    
	}
	
	.consultorio_left {
	    
	    float: left;
	    width: 100%;
	    margin-bottom: 2%;
	}
	
	.consultorio_right {

	    float: left;
	    width: 100%;
	}
	
	
	
		
}	

	