body {
	background: url("images/fondo.jpg") repeat;
}
	body, html, .container, .container-fluid, .footer{
     	font-family: 'PT Sans', sans-serif;
     }
     	.centrado{text-align: center;}
     	
         .container-fluid {
   /* background: linear-gradient(to bottom, rgba(245, 142, 59, 1) 0%, rgba(240, 175, 126, 1) 9%, rgba(250, 220, 195, 1) 25%, rgba(250, 230, 213, 1) 46%, rgba(250, 220, 195, 1) 68%, rgba(242, 186, 145, 1) 82%, rgba(240, 164, 110, 1) 91%, rgba(168, 62, 64, 1) 98%, rgba(140, 3, 5, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    height: auto;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

     	.page-header .hoja_header{text-align: center; margin: 0 auto; }/*max-height: 231px;*/
	    .page-header{
	    	text-align: center;
	     	margin:0;
	     	max-height: 232px;
	     	height: 232px;
	     	width: 100%;
	     	content: ".";
	     	
	     	/*background: url("images/header.png") left repeat;*/

	    }
	    html, body{height: 100%; margin-top: 0}
        .container_background{
            background: rgba(255,255,255,1);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(1%, rgba(254,253,252,1)), color-stop(10%, rgba(247,236,220,1)), color-stop(24%, rgba(240,221,197,1)), color-stop(50%, rgba(244,212,164,1)), color-stop(79%, rgba(250,238,223,1)), color-stop(92%, rgba(245,238,228,1)), color-stop(97%, rgba(251,249,245,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }
	    .container{
	    	padding-left: 0;
	    	padding-right: 0;
		height:100%;
		height: auto;
		padding-bottom: 3%;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(1%, rgba(254,253,252,1)), color-stop(10%, rgba(247,236,220,1)), color-stop(24%, rgba(240,221,197,1)), color-stop(50%, rgba(244,212,164,1)), color-stop(79%, rgba(250,238,223,1)), color-stop(92%, rgba(245,238,228,1)), color-stop(97%, rgba(251,249,245,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(254,253,252,1) 1%, rgba(247,236,220,1) 10%, rgba(240,221,197,1) 24%, rgba(244,212,164,1) 50%, rgba(250,238,223,1) 79%, rgba(245,238,228,1) 92%, rgba(251,249,245,1) 97%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );

	    }
	    .footer{
	    	width:100%;
	    	height: 120px;
	    	background: url("images/footer.png") left repeat;
	    }
	    .box{
	    	width: 80%;
	    	height:125px;
	    	margin: 0 auto;
	    	margin-bottom: 10%;
	    	/*background: url("images/cuadros1.png");*/
	    	background-repeat: no-repeat;
	    	background-size: 100% auto;

	    }
	    .box .titulo{
	    	width: 100%;
	    	height: 50%;
	    	overflow: hidden;
	    }
	    .box .titulo p{ font-weight: bold; text-align: center; line-height: 24px; margin: 0; margin-top: 3%; font-size: 22px;} /*color: #fff;*/
        .box .doctor a {
            color:#333333;
        }
        .box .doctor a:hover {
            color:rgb(255, 106, 0);
        }
	    .box .doctor{
	    	margin-top: 4%;
	    	width: 100%;
	    	height: auto;
	    	overflow: hidden;
			font-weight:lighter;
	    }
	    .ultimo_doctor{margin-top: 2.8%;}
	    .box .doctor p{
	    	margin: 0;
	    	font-size: 18px;
	    }
	    .logo{max-height: 356px; max-width: 450px; margin: 0 auto;}
	    #logo{
	    	position: absolute;
	    	margin-left: auto;
		margin-right: auto;
		left:0;
		right:0;
	    	top: 0;
	    	width: 17%;
	    	height: 356px;
	    	text-align: center;
	    	text-transform: uppercase;
	    }
	    .div_central{
	    	width: 33%;
	    }
	    .columna_central{
	    	width: 100%;
	    	margin-top: 37%;
	    	font-weight: bold;
	    	text-transform: uppercase;
	    	font-size: 1.4em;
	    }
	    .columna_central p{margin-bottom: 8px;}
	    
	    a #uvemed{
	    	background: url("images/boton-pagina-1.png") left;
	    }
	    a #turnos{
	    	background: url("images/boton-pagina-1.png") left;
	    	font-size: 2.4em;
	    	line-height: 1.9em;
	    	font-weight: bold;
            text-decoration: none !important;
	    	color: #fff;
	    }
        a:hover #turnos, a:hover #uvemed {
            color:#F3C19D;
            text-decoration: none !important;
            background: url("images/boton-pagina-2.png") left;
        }

         a, a:hover{
            text-decoration: none !important;
        }

	    #uvemed, #turnos{
	    	margin:0 auto;
	    	width: 100%;
	    	height: 80px;
	    	background-color: #ccc;
	    	/* border: 1px solid #ccc;*/
	    	-moz-border-radius: 43px;
	    	-webkit-border-radius: 43px;
		border-radius: 43px;
	    }
		.uvemed{background-image:url(images/flor.png);background-repeat:no-repeat;background-position:left center;padding-left:38px}
        a {
            color:#ffffff
        }
        a:hover {
            color:#fc8512
        }

	    #footer_texto, #footer_horarios{
	    	margin: 0 auto;
	    	width: 28%;
	    	height: 28px;
	    	margin-top: 10px;
	    }
	    #footer_horarios{background-color: blue; color: white;}
	    .columna_footer{
	    padding-top: 1%;
		box-sizing:border-box;
		height:120px;
		/* background:url(images/hojasfooter.png);*/
		background-repeat:no-repeat;
		background-position:center center;
	    }
	    #f_texto{
	    	font-size: 1.5em;
	    	margin-bottom: 1%;
	    }
	    #f_horarios{
	    	width: 53%;
	    	margin: 0 auto;
	    	padding-top: 0.5%;
	    	padding-bottom: 0.5%;
	    	background-color: RGB(168,52,52);
	    	color: #fff;
	    	font-size: 1.1em;
	    	font-weight: bold;
	    	letter-spacing: 0.1em;
	    }
	    .primera{margin-top: 3%}
	    .segunda{margin-top: 3%;margin-left: 33%;}
	    #borde-derecho{
	    	position: relative;
	    	float: right;
	    	width: 7px;
	    }
	    #borde-izquierdo{
	    	position: relative;
	    	float: left;
	    	width: 10px;
	    }
	    #logo img{
	    	display: block;
	    	width: 100%;
	    }
	    /*.col-lg-4{ width: 32.333% !Important;}*/
	    .ultimo_doctor p{
	    	margin-bottom: 0;
	    	line-height: 1.1em;
	    }
	    .botones1{float:left;}
	    .botones2{
	    	float:right; }
	    .uvemed{
	    	font-size: 2.5em;
	    	color: #fff;

	    }
	    .uvemed_abajo{
	    	font-size: 1em;
	    	color: #e2e662;
	    }
	    .decolor{
	    	font-weight: bold;
	    	color: #AB4F39;
	    }


.tabla{display: table; width: 100%}
	    .fila{display: table-row;}
	    .columna{display: table-cell; padding-top: 45px}

	    #col2{
	    	display: table-cell; 
	    	background-color: #fff; 
	    	width: 65%; 
	    	text-align: left;
	    	
	    	box-shadow: 0 -17px 0px 0px white, 0 -17px 0px 0px white, 12px 0 15px -4px rgba(171, 79, 57, 0.37), -12px 0 15px -4px rgba(171, 79, 57, 0.37);
	    	-webkit-box-shadow: 0 -17px 0px 0px white, 0 -17px 0px 0px white, 12px 0 15px -4px rgba(171, 79, 57, 0.37), -12px 0 15px -4px rgba(171, 79, 57, 0.37);
	    	-moz-box-shadow: 0 -17px 0px 0px white, 0 -17px 0px 0px white, 12px 0 15px -4px rgba(171, 79, 57, 0.37), -12px 0 15px -4px rgba(171, 79, 57, 0.37);
	    }
	    #col2 ul li{
	    	line-height: 2em;
	    	font-size: 1.2em;
	    	list-style-image: url('images/bullet-2.png');
	    }
	    #col2 ul li.li_color{
	    	list-style-image: url('images/bullet-1.png');
	    	font-weight: bold;
	    }
	    #col2 ul{

	    }
	    #col1{display: table-cell; width: 35%}
	    #col1 p{margin: 0;}
	    .aa_titulo_profesional_datos{
	    	width: 100%;
	    	position: relative;
	    	height: auto;
	    	overflow: hidden;
	    	text-align: left;
	    	padding-left:80px;
	    	margin-top: 56px;
	    	font-size: 1.1em;
	    }
	   .aa_titulo_profesional {
    background-color: RGB(122,167,143);
    
	box-shadow: inset 0px 0px 26px -2px #344D40;
-webkit-box-shadow: inset 0px 0px 26px -2px #344D40;
-moz-box-shadow: inset 0px 0px 26px -2px #344D40;
-o-box-shadow: inset 0px 0px 26px -2px #344D40;
    
    
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    color: #fff;
    font-weight: bold;
    left: 0;
    padding: 1em 1em 1em 20%;
    position: absolute;
    z-index: 10;
    text-align: left;
    width: 114%;
}

	    .li_color{
	    	color: #AB4F39;
	    }
	    #contenido_footer{
	    	width: 71%;
	    	margin: 0 auto;
	    }
	#hoja_izquierda{
		position: relaive;
		float: left;
		width: 118px;
		height: 90px;
		background: url("images/hoja-chica-1.png");
		background-repeat:no-repeat;
		background-position:center center;
		margin-left: 67px;
		overflow: hidden:
	}
	#hoja_derecha{
		position: relaive;
		float: right;
		display: inline;
		margin-right: 73px;
		width: 118px;
		height: 90px;
		background: url("images/hoja-chica-2.png");
		background-repeat:no-repeat;
		background-position:center center;
	}

/****FER****/
.responsive{display:none;}
.desktop{display:block;}
#turnos{line-height:80px!important;}
.superior{overflow:hidden;}
.botones1,.botones2{margin:auto;}
#uvemed{margin-left:30px;}
.botones2{margin-right:30px;}

.titulo_profesional{padding: 1.3% 0 1.7% 80px;}
.listadopage .tabla{width: 92%;}


.footer span{color: #ab4f39; font-weight:bold;}

.footer_hojita_izquierda{
	float: left;
	position: relative;
	width: 10% !Important;
	height: 61px;
	background: url("images/hoja-chica-1.png");
	background-width: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	overflow: hidden;
}

.footer_hojita_derecha{
	float: left;
	position: relative;
	width: 10%;
	height: 61px;
	background: url("images/hoja-chica-2.png");
	background-repeat:no-repeat;
	background-position:center center;
}

.footer_texto_center{font-size: 1.2em; position: relative; width: 80%; margin-top: 0.7em; float: left;}
.footer_texto_center1{position: relative; float: left; width: 80%; margin-top: 0;}
.footer .click{ margin: 0.5em auto 0; background: #A83434; padding: 4px 0; color: #fff; font-size: 0.8em; font-weight: bold; letter-spacing: 0.1em; width:50%}
.footer_texto_izquierda{position: relative; float: left; width: 10%;}
.footer_texto_derecha{position: relative; float: left; width: 10%;}
.footer_horarios{
	
	text-align: center;
	margin: 0 auto;
	width: 55%;
	margin-top: -2%;
}




  @media only screen and (max-width: 1199px) and (min-width: 992px) { /* IPAD HORIZONTAL*/
	     	.box .titulo{height: 43%;}
	     	.box .doctor{margin-top:2%;}
	     	.ultimo_doctor{margin-top: 1.5%!Important;}
	     	.box{font-size: 0.8em}
		.footer_texto_center{font-size: 0.9em; margin-top:2.0em}
	     }


@media only screen and (max-width: 991px)  {
	.box .titulo{height: 32%; font-size: 0.7em;}
	.box .doctor{height: 30%; font-size: 0.7em}
	.box .doctor{margin-top: 2%}
	.ultimo_doctor{margin-top: 1.5%}
	.footer_horarios{width: 89%;}
	.footer_hojita_derecha{display: none;}
	.footer_hojita_izquierda{display: none;}
	.footer_texto_derecha{display: none;}		
	.footer_texto_izquierda{display: none;}
	.footer_texto_center{width: 100%;}
	.footer_texto_center1{width: 100%;}
	.footer_horarios{width: 70%; margin-top: 0}

    
	
}


@media only screen and (max-width: 915px){
	#hoja_izquierda{display: none}
	#hoja_derecha{display: none}
} 


@media only screen and (max-width: 500px) {
	.footer_texto_center{font-size: 1.2em}
	.footer_horarios{width: 92%; font-size: 0.9em}


	
}


	    @media only screen and (max-width: 767px) { /* CELU HORIZONTAL */
	    	.principal{margin-top:180px;padding:0px;}
        .footer .click{ margin: 0.5em auto 0; background: #A83434; padding: 4px 0; color: #fff; font-size: 0.8em; font-weight: bold; letter-spacing: 0.1em; width:80%}
        .footer_texto_center{font-size: 1.2em; margin-top:1.3em}
	    	
			#col1, #col2{font-size:80%;}
			#col2 ul {padding-left:22px;}
			.listadotable .tabla{width:98%;}
			.titulo_profesional_datos, .titulo_profesional {padding-left:10px;}
			 .columna_footer{background-repeat:no-repeat;}
		
	    	.columna_central{
	    		margin-top: 0;
	    		margin-bottom: 4%;
	    	}
			.responsive{display:block;}
			.desktop{display:none;}
			.div_central, .primera{width:80%;margin:auto;float:none;}
            .primera {
                width:90%;
            }
	    	.box{
                width:100%;
	    		margin-bottom: 6%;
	    		margin-top:6%;
				height:auto;
				background-image:none;
				background-color: white;
				-moz-border-radius: 7px;
				-webkit-border-radius: 40px;
	    	}
	    	.box .titulo{
	    		height: auto;
			padding:20px;
			/*background: #96c5b6; /* Old browsers */
			/*background: -moz-linear-gradient(top, #96c5b6 0%, #5e8c7d 100%); /* FF3.6+ */
			/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c5b6), color-stop(100%,#5e8c7d)); /* Chrome,Safari4+ */
			/*background: -o-linear-gradient(top, #96c5b6 0%,#5e8c7d 100%); /* Opera 11.10+ */
			/*background: -ms-linear-gradient(top, #96c5b6 0%,#5e8c7d 100%); /* IE10+ */
			/*background: linear-gradient(to bottom, #96c5b6 0%,#5e8c7d 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c5b6', endColorstr='#5e8c7d',GradientType=0 ); /* IE6-9 */
			copy
	    	}
	    	.box .titulo p{
	    		font-size: 22px;
	    		line-height: 24px;
	    		margin:0;
	    	}
	    	.box .doctor{
	    		margin:auto;
			padding:20px;
			font-size: 1.2em;
			height:auto;
			/*background: #ffffff; /* Old browsers */
			/*background: -moz-linear-gradient(top, #ffffff 0%, #b0d8cb 99%); /* FF3.6+ */
			/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#b0d8cb)); /* Chrome,Safari4+ */
			/*background: -webkit-linear-gradient(top, #ffffff 0%,#b0d8cb 99%); /* Chrome10+,Safari5.1+ */
			/*background: -o-linear-gradient(top, #ffffff 0%,#b0d8cb 99%); /* Opera 11.10+ */
			/*background: -ms-linear-gradient(top, #ffffff 0%,#b0d8cb 99%); /* IE10+ */
			/*background: linear-gradient(to bottom, #ffffff 0%,#b0d8cb 99%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0d8cb',GradientType=0 ); /* IE6-9 */

			-webkit-border-bottom-right-radius: 30px;
			-webkit-border-bottom-left-radius: 30px;
			-moz-border-radius-bottomright: 30px;
			-moz-border-radius-bottomleft: 30px;
			border-bottom-right-radius: 30px;
			border-bottom-left-radius: 30px;

	    	}
	    	.box .ultimo_doctor{
	    		padding-top: 5% !Important;
	    	}
	    	#turnos{
	    		margin-top: 5% !Important;
				font-size:1.5em;
	    	}
			.uvemed{font-size:1.8em; line-height:2em}
	    	#logo{
	    		height: 190px;
	    	}
	    	.div_central{
	    		float: none;
	    		margin: 0 auto;
	    		width: 100%;
	    		/* width: 80%;*/
	    	}
            
	    	.botones1, .botones2{
	    		float: none;
				margin:auto;
                width: 80% !important;
	    	}
            .botones1{
                margin-top:2.5em;
            }
            
            .botones2{
                margin-bottom:2em;
            }

            a #turnos {
font-size: 1.8em;
}
	    	#f_horarios{
	    		width: 100%;
	    		max-width: 100%;
	    	}
		#logo{width: 150px;left: 0;right: 0;margin: auto;}
		.principal{margin-top:140px;padding:0px;}
		.container-fluid{padding-right:0px;}
		
		#uvemed{margin-left:auto;}
		.botones2{margin-right:auto;}
	    }
	   
    @media all and (max-width: 480px) { /* CELU VERTICAL */
                                        .botones1, .botones2{
	    		float: none;
				margin:auto;
                width: 90% !important;
	    	}
                                         .botones1{
                margin-top:2.5em;
            }
            
            .botones2{
                margin-bottom:2em;
            }
                                         .box .titulo p{
        font-size:22px;
        }
		.principal{margin-top:180px;padding:0px;}
        .footer .click{ margin: 0.5em auto 0; background: #A83434; padding: 4px 0; color: #fff; font-size: 0.8em; font-weight: bold; letter-spacing: 0.1em; width:100%}
        .footer_texto_center{font-size: 0.9em; margin-top:2.5em}
	}


.marquee {
    width: 250px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 6s linear infinite;
	font-weight:bold;
}
.marquee:hover {
    animation-play-state: paused
}
@keyframes marquee {
    0% {
        text-indent: 27.5em
    }
    100% {
        text-indent: -10em
    }
}