@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Quattrocento Sans'), local('QuattrocentoSans'), url(https://fonts.gstatic.com/s/quattrocentosans/v8/efd6FGWWGX5Z3ztwLBrG9cZ4HySTEWshgORbPp2tk8k.woff2) format('woff2');
}
html { background-color:#FFF;}
.bg {
	background: url(../images/bg1.jpg) no-repeat fixed center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	font-family: 'Quattrocento Sans';
	color:#cccccc;
	font-size:12px;
}
.footer {
		font-size:11px;
}
/*****************/
/***** LOGIN *****/
/*****************/

.admin {
	background:#999;
	padding:20px 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.admin span.txt1 {color:#FFF; text-transform:uppercase; font-size:11px; padding:0 5px;}
.admin form.login input[type=button] {	
	background-color:#333; 
	border:none; 
	color:#fff; 
	padding:5px 20px;
	display:block;
	margin-top:10px !important;
	text-transform:uppercase;
}
.admin form.login input.boton:hover {
	background-color:#333; 
	border:none; 
	color:#fff; 
	text-transform:uppercase;
}
.admin form.login input.txtlogin {
	float:left; 
	height:36px; 
	width:85%; 
	color:#333; 
	padding:2px 10px; 
	opacity:1;
}
.headertitle { padding-bottom:25px;}
.headertitle img { max-width:346px;}


.login { width:100%; height:auto; margin:0 auto;}
.login img { clear:both; margin-bottom:10px; display:block;}
span.txt1 { text-transform:uppercase; font-size:11px; padding:0 5px;}
span.txt2 { 
	font-size:11px; 
	padding:0 5px; 
	background-color:#000; 
	opacity:.6; 
	margin-top: 15px;
	display: inline-flex;
	padding: 4px 30px 3px;
	line-height: 18px;
	}
span.txt2 img { 
	float:left;
	margin-left: 10px;
	margin-bottom: 0;
}
.zonaform {
	position:relative; 
	padding:20px 0px 0px; 
	margin:0 auto; 
	width:100%; 
	height:auto;
	display: inline-block;
}
.zonaform table img { margin:-2px 0 0;}
form.login {text-align:center; color:#FFF; margin-bottom:20px}
.contenido form.login {color:#666; }
form.login img{float:left;}
form.login input.txtlogin {
	float:left; 
	height:36px; 
	width:85%; 
	color:#333; 
	padding:2px 10px; 
	/*opacity:.65;*/
}
form.login input.txtregistro {
	float:left; 
	height:25px; 
	width:95%; 
	color:#333; 
	padding:2px 10px; 
	/*opacity:.65;*/
	font-size:13px;
	margin-bottom:3px;
}
form.login textarea {
	float:left; 
	height:25px; 
	width:95%;
	height:90px; 
	color:#333; 
	padding:10px 10px; 
	opacity:.65;
	font-size:11px;
	margin-bottom:3px;
	background-color:#f2f2f3;
	opacity:1;
	border:0;
}
.contenido form.login input.txtregistro {
	background-color:#f2f2f3;
	opacity:1;
	border:0;
	}
form.login input[type=submit] {	
	background-color:#f30b0f; 
	border:none; 
	color:#fff; 
	padding:5px 20px;
	text-transform:uppercase;
}
form.login input.boton:hover {
	background-color:#333; 
	border:none; 
	color:#fff; 
	text-transform:uppercase;
}
.sub { 
	color:#F00; 
	font-size:20px !important; 
	vertical-align: baseline; 
	top: 4em; 
	float:right
}
.right { 
	text-align:right; 
	text-transform:uppercase; 
	font-size:11px;
}
.styled-select select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: transparent;
   width: 100%;
   padding: 2px;
   font-size: 12px;
   border: 0;
   border-radius: 0;
   height: 25px;
   color:#666;
   cursor:pointer;
  }
.styled-select {
   width: 100%;
   height: 25px;
   overflow: hidden;
   background: url(../images/new_arrow.png) no-repeat right #b4b4b4;
   border: 0px;
   margin-bottom:2px;
 }
.contenido .styled-select {background: url(../images/new_arrow.png) no-repeat right #f2f2f3;}
.styled-select:hover {
 }



/*****************/
/***** SLIDE *****/
/*****************/


#owl-demo .item{
        /*background: #3fbf79;*/
        padding: 30px 0px;
        margin: 10px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
    }
	.btnleft { position:absolute; left:0px; top:40%;}
	.btnright { position:absolute; right:0px; top:40%;}
	#owl-demo .item span { display:block; clear:both; margin-top:20px;}
	#owl-demo .item span.puntos { 
		width:80px; 
		height:80px; 
		position:absolute; 
		background:#ee1c24; 
		right:30px;
		font-size:12px;
		text-align:center;
		padding:15px 10px 10px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	#owl-demo .item span.puntos h3{ line-height:12px; margin: 0px; font-size:18px;}
	#owl-demo .item span a{padding:3px 12px; background:#ee1c24; color:#FFF;}
    .customNavigation{text-align: center;}
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .table1 tr{
	margin-top: 5px;
	margin-bottom: 5px;

}
.table1{
	table-layout: fixed
}

.texto{
    /*width:80%;
    height:200px;
    font-size:12pt;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;*/

    width:200px;
    height:20px;
    /*border:1px solid blue;*/
    text-overflow:ellipsis;
    white-space:nowrap; 
    overflow:hidden; 

}



#status-bar input[type="text"], #status-bar input[type="password"] {background:#ffffff; color:#817D74; outline:none; padding:2px 6px 0; margin:0 0 5px 0; width:170px; height:20px; position:relative; border:#777 1px solid; font-size:13px; 
/*float:left;*/}

#otro-contenedor {
position: relative;
float: right;
/*right: 16px;*/
width: 95%;
/*padding-top: 35px;*/
}
.item-30{
	float: left;;
	width: 25%;
}

.item-70{
	float: left;
	width: 70%;
}
.top-bar-user{; width:140px; height:24px; }

#status-bar .btn-login {
	background: #575757;
	cursor: pointer;
    /*background: url(../images/ico-controls.png) -50px 0px no-repeat;*/
}
@media (min-width: 992px){
	.col-md-9 {
	    width: 70%;
	}
	.col-md-4 {
	    width: 33.33333333%;
	}
	.col-md-3-logo {
	    width: 20%;
	}
	.col-md-3 {
	    width: 25%;
	}
	.col-md-8 {
	    width: 66.66666667%;
	}
	.col-md-4,.col-md-3,.col-md-3-logo,.col-md-8,.col-md-9 {
	    float: left;
	}

	.col-md-3-right {
	    width: 25%;
	}
	.col-md-3-right {
	    float: right;
	}
}
@media(max-width: 992px){
	.col-md-9 {
		width: 100%;
	}
	.col-md-9 ul{
		width: 100%;
	}
}


.col-md-4,.col-md-3,.col-md-3-logo,.col-md-8,.col-md-9,.col-md-3-right {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.member {
    /*position: absolute;*/
    /*right: 290px;*/
    width: 150px;
}
.forgot-pass {
    /*position: absolute;*/
    /*width: 150px;*/
    right: 70px;
}

.text-login {
    float: left;
    font-size: 14px;
    margin: 0px 10px 0 0;
    width: 40px;
    text-align: right;
}

/***** /// *****/


@media (min-width: 481px) and (max-width: 1920px) {
	.modlogin {
		position:absolute; 
		top:50%; 
		margin-top:-200px; 
		left:50%; 
		margin-left:-160px;
		max-width: 350px;
		min-width: 320px;
	}
	.modregistro {
		position:absolute; 
		top:50%; 
		margin-top:-350px; 
		left:40%; 
		height:700px;
		margin-left:-175px;
		/*max-width: 350px;*/
		min-width: 320px;
	}
}
@media (max-width: 480px) {
	.modlogin {
		margin-top:20px;
	}
	.modregistro {
		margin:20px 0 50px;
		position:relative;
	}
	form.login input[type=submit] {	
	background-color:#f30b0f;
	font-size:20px !important;
	border:none; 
	color:#fff; 
	padding:5px 20px;
	margin: 20px 0;
	margin:20px 0;
	text-transform:uppercase;
}
}

/****************/
/*** INTRANET ***/
/****************/

span.nameTitle { 
	border-bottom: solid 1px #CCCCCC; 
	width:98%;
	display: block;
	height: 26px;
}
span.nameTitle p{ 
	font-size:28px; 
	color:#666; 
	padding: 10px 10px 0px 10px; 
	float:left; 
	background:#FFF;
}
span.puntostitle {
	font-size:16px; 
	color:#666; 
	float:left;
	
}
span.puntostitle b {
	color:#FFF;
	background:#f12e17;
	padding:3px 15px 2px;
}

.gris { background-color:#58595b; color:#fff;}
.gris2 { background-color:#858585; color:#FFF;}
.gris2 span { 
	font-size:14px; 
	padding:6px 10px 5px; 
	display:block; 
	float:left; 
	text-transform:uppercase;
	border-left:solid 2px #FFFFFF;
	border-right:solid 2px #FFFFFF;
}
.gris2 a span{ color:#FFF}
.gris2 a.active span{ background-color:#b1b1b1; color:#FFF}
.gris2 a:hover span{ background-color:#b1b1b1; color:#333}
span.clientes { 
	display:block; 
	width:100%; 
	border-bottom:solid 1px #CCCCCC;
	padding:7px 0px 6px 50px;
	font-size:14px;
	text-transform:uppercase;
	background:url(../images/select_clientes.png) left center no-repeat;
}
a span.clientes {color:#808285;}
a:hover span.clientes {
	background-color:#b1b1b1; 
	color:#333;
	text-decoration:none;
	
}

@media (max-width: 480px) {
	.gris2{ 
		height:23px; padding:0;
		margin-bottom:10px;
	}
	.gris2 span { 
		font-size:10.5px; 
		padding:6px 5px 5px; 
		display:block; 
		float:left; 
		text-transform:uppercase;
		border-left:solid 2px #FFFFFF;
		border-right:solid 2px #FFFFFF;
	}
	span.nameTitle { 
		border-bottom: solid 1px #CCCCCC; 
		width:250px;;
		display: block;
		height: 26px;
	}
	span.nameTitle p{ 
		font-size:18px; 
		color:#666; 
		padding: 10px 10px 0px 10px; 
		float:left; 
		background:#FFF;
	}
	span.puntostitle {
		font-size:16px; 
		color:#666; 
		float:left;
		margin-bottom:30px;
		
	}
	span.puntostitle b {
		color:#FFF;
		background:#f12e17;
		padding:3px 15px 5px;
	}
	.modcliente {padding:10px 0 !important;}
}


/****************/
/***** HOME *****/
/****************/

.red { background-color:#f12e17; color:#fff;}
.white { background-color:#fff; color:#f12e17;}
.black { background-color:#000; color:#fff;}


a.header { color: #f12e17;}
a.header:hover { color: #58595b; text-decoration:underline}
.contenido { padding:30px 15px 30px;}
.carousel { margin-bottom:100px;}
.nav li a { font-size:13px}
.tab-pane {padding-top:20px; color:#666666;}

table.info {width: 48%; margin-right:2% ; float:left; margin-top:5px;}
table.info td { height:25px; color:#322f2f; font-size:14px; padding:7px 20px;}
table.info td span{ color:#bcbec0;}
table.info tr:nth-child(even) { background: #fff;}
table.info tr:nth-child(odd) { background: #f4f5f5;}
table.info tr { border-bottom: #d3d4d5 solid 1px;}

.info_cirugias {
	cursor:pointer;
	width: 100%;
	max-height: 26px;
	position:relative;
	-webkit-transition: max-height .7s ease;
	-moz-transition: max-height .7s ease;
	-ms-transition: max-height .7s ease;
	-o-transition: max-height .7s ease;
	transition: max-height .7s ease;
}

.info_cirugias td {color:#808285; border: 1px solid #d8d9da; height:25px;}
.info_cirugias td a{color:#808285;}
.info_cirugias td.fecha{background:url(../images/new_arrow.png) no-repeat 20px 0;}
.info_cirugias:hover td.fecha{background:url(../images/new_arrow2.png) no-repeat 20px 0 #e4e4e5;}
.info_cirugias:hover td{background: #e4e4e5;}
.info_cirugias .table2 { padding-top:10px;}
.info_cirugias .table2 td {
	color:#808285; 
	border: 0px; 
	background-color:#f5f5f6; 
	height:25px; 
	padding:7px;
}

/* ABIERTO*/
.openi {max-height: 999px;}
.openi td {color:#808285; border: 1px solid #d8d9da; height:25px;}
.openi td a{color:#808285;}
.openi td.fecha{background:url(../images/new_arrow2.png) no-repeat 20px 0 #e4e4e5;}
.openi td{background: #e4e4e5;}
.openi .table2 { padding-top:10px;}
.openi .table2 td {
	color:#808285; 
	border: 0px; 
	background-color:#f5f5f6; 
	height:25px; 
	padding:7px;
}

/* PREMIOS REDIMIR */
.capa {
	display:none; 
    position:absolute; 
    background: rgba(0, 0, 0, 0.8); 
    width:100%; 
    height:100%;
    z-index:9;
}
#premio {
	position:absolute;
    width:452px; 
	height: auto;
    min-height:224px; 
    margin-left:-226px;
    left:50%;
    top:50%;
    margin-top:-112px; 
    background-color:#FFF; 
    padding:30px 10px; z-index:999;
	border-radius: 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

@media (max-width: 480px) {
	.info_cirugias { max-height:38px;}
	.info_cirugias td.fecha { background:none; padding:3px 2px;}
	.info_cirugias:hover td.fecha { 
		background-image:none; background:#e4e4e5; 
	}
	.openinfo td.fecha {background-image:none; background:#e4e4e5; }
}

#premios { 
	font-size:14px; 
	border-bottom:solid 1px #d8d9da; 
	margin:15px 0 20px; 
	padding-bottom:20px
}
#premios span { display:block; color:#9d9d9d;}
#premios span b { padding:3px 10px; color:#FFF; background:#949494; font-size:20px;}
#premios span.subtitle { 
	width:100%;
	border-bottom:solid 1px #c5c6c8;
	margin-bottom:10px;
}
#premios span.subtitle p{ 
	text-transform:uppercase; 
	font-size:16px; 
	color:#666;
	margin-bottom:0px;
}
span.tab_info { 
	background:url(../images/tab_info.png) top left no-repeat; 
	width:20px; height:18px;
	top:2px;
}
li.active span.tab_info{ opacity:.2}
span.tab_datos { 
	background:url(../images/tab_datos.png) top left no-repeat; 
	width:21px; height:19px;
	top:4px;
}
li.active span.tab_datos{ opacity:.2}
span.tab_reportar {
	background:url(../images/tab_reportar.png) top left no-repeat; 
	width:20px; height:18px;
	top:1px;
}
li.active span.tab_reportar{ opacity:.2}
span.tab_historial {
	background:url(../images/tab_historial.png) top left no-repeat; 
	width:20px; height:20px;
	top:4px;
}
li.active span.tab_historial{ opacity:.2}
span.tab_puntos {
	background:url(../images/tab_puntos.png) top left no-repeat; 
	width:20px; height:22px;
	top:5px;
}
li.active span.tab_puntos{ opacity:.2}

span.tab_noReportada {
	background:url(../images/tab_noReportada.png) top left no-repeat; 
	width:22px; height:24px;
	top:5px;
}
li.active tab_noReportada{ opacity:.2}


.nav-tabs li a{ color:#a7a9ac !important;}
span.clientesReg { 
	background:url(../images/ico_clientesRegistrados.png) no-repeat 10px  5px;
	padding-left:35px; 
}
span.adminPremios {
	background:url(../images/ico_adminPremios.png) no-repeat 10px  2px;
	padding-left:35px;
}


span.logout {
	background:url(../images/ico_logout.png) no-repeat 10px  5px;
	padding-left:35px;
}






@media (max-width: 480px) {
	.logoheader { text-align:center; margin:0 auto; display:block}
	.name { 
		font-size:12px;
		width:100%; 
	}
	.diagonal { display:none;}

	table.info {width: 100%; margin-right:0; margin-top:5px;}
	a.header { font-size:15px;}
	
}

/*************************************/


a{color:#000}
a:hover {color:#900;}

hr { 
	background:none;
	border:none;
}
h1 {
	font-weight:bold;
	letter-spacing:2px;
}
h1,h2 {
	font-weight:bold;
	letter-spacing:2px;
}
h3,h4 {
	letter-spacing:1px;
}

p {
	line-height:16px;
}
.off { opacity: .5;}
.footer {
		background-color: #322f2f;
		height: 74px;
		position:fixed;
		bottom:0px;
		width:100%;
	}

@media (max-width: 480px) {
	.footer {
		background-color: #322f2f;
		height: 160px;
		position:fixed;
		bottom:0px;
		width:100%;
		padding:15px;
	}
	.footer img{
		max-width:150px;
		max-height:50px;
	}
	.contenido {
		padding:0px 0px 120px;
		display:inline-block;
	}
	p.copyright { display:none !important;}
}
@media (max-width: 767px) {

	.logo { padding-top:10px;}
	h1.header{ padding-top:20px;
		background:url(../images/header_movil.png)no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: 100%;
		min-height: 250px;
		width: 100%; 
		margin: 0 auto;
	}
	.footer {
		background-color: #322f2f;
		height: 74px;
		position:fixed;
		bottom:0px;
		width:100%;
	}
	.contenido {
	}
	p.copyright { text-align:center; padding-top: 0px;}
	.col-md-8 { width: 90% !important;	}
	.col-md-offset-2 {margin-left: 5% !important;}

}
@media (min-width: 768px) and (max-width: 1600px) {
	h1.header{ 
		background:url(../images/header.png)no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: 100%;
		min-height: 250px;
		margin: 0 auto;
	}
	.footer {
		background-color: #322f2f;
		height: 74px;
		position:fixed;
		bottom:0px;
		width:100%;
	}
	.contenido {
	}
	p.copyright { text-align:center; padding-top: 0px;}
	
}
@media (min-width: 1601px) and (max-width: 1920px) {
	h1.header{ 
		background:url(../images/header.png)no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: 100%;
		min-height: 300px;  
		margin: 0 auto;
	}
	.footer {
		background-color: #322f2f;
		height: 74px;
		position:fixed;
		bottom:0px;
		width:100%;
	}
	.contenido {
	}
	p.copyright { text-align:center; padding-top: 0px;}
	.col-md-10 { max-width:1280px !important; margin-left: 16.66666667% !important;}
	.carousel { max-width:1280px !important; margin-left: 16.66666667% !important;}
	.tab-pane .login { max-width:400px;}
}
@media (max-width: 480px) {
	.logo { padding-top:0px; text-align:center}
	h1.header{ padding-top:20px;
		background:url(../images/header_movil.png)no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: 100%;
		min-height: 150px;
		margin: 0 auto;
	}
	html { height:100%;}
	.container { position:relative !important;}
	.red { min-height: 160px;}
	.diagonal {
		display:none
	}
	.dates { float:center; padding-right:0 !important; float:none}
	.name { 
		background:none !important; 
		height:20px; 
		font-size:15px; 
		width:100%; 
		text-align:center;
		padding: 0px 15px 0px 0px;
	}
	.puntos { 
		font-size: 17px;
		text-align: center;
		line-height: 15px;
	}
	.footer { margin-left:-15px !important; z-index:9999;}
	.panel-body { padding: 15px 0 !important;}

}

.main-menu{
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: 0px -348px;
	background-image: url(../images/gradients-master.png);
}
.clear{
	clear:both; height:auto;
}
.new-item-menu{
	position:relative;
	float:right;
	font-weight:600;
	color: #4D4F53;
}
.new-item-menu .menu-line{
	background:url(../images/menu-div.gif); 
	width:2px; height:24px; 
	position:absolute; top:5px; display:block;
}  
.new-item-menu:hover .menu-line{
	display:none;
}

p.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

p.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}
p.pagination  a {
    border: 1px solid #ddd; /* Gray */
}

p.pagination a.active {
    background-color: #f7030c;
    color: white;
}

p.pagination a:hover:not(.active) {
	background-color: #ddd;
}

p.pagination a {
    border-radius: 5px;
}

p.pagination a.active {
    border-radius: 5px;
}
p.pagination a {
    transition: background-color .3s;
}