@charset "UTF-8";
/* CSS Document */


/* CSS STRAUMANN DELEGADOS */


/* HOJA DE ESTILOS CSS
para el desarrollo del proyecto WEB STRAUMANN CONECTATE-DELEGADOS
desarrollado por:	ADDENTRA INTERNET
Fecha inicio: 18/04/2013

*/

body {  font: normal /*69%*/ 14px "Tahoma"; color: #666666; overflow:auto;  }

/****************************************
*          ELEMENTOS COMUNES
*  body, a, h1, h2, h3, h4, h5, img, div
*****************************************/
   * { margin: 0; padding: 0; border: none;}
    h1, h2, h3, h4, h5, h6, p, pre,  
    blockquote, ul, ol, dl, address {
	margin: 0 0 1em 0;
} 
ul, ul li, ol, ol li{ margin:0px; padding:0px; list-style:none; }
:focus {	outline: 0;}


a, a:link, a:visited, a:active { /*font: normal 1.09em "Arial"*/ text-decoration:none; cursor:pointer; color:#00722d; }
a:hover{color:#a8b40d;}

button:hover{cursor:pointer;}

img{border:none; margin:0px; padding:0px;}
h1{font: normal /*18px*/ 1.63em "Arial"; color:#00722d; padding-left:20px;}
h2{font: normal /*35px*/2.188em "Trebuchet MS"; color:#00722d; margin-bottom:20px; padding:0px; }
h3{font: normal /*12px*/1.09em "Tahoma";  }
h4{font: normal /*12px*/1.09em "Tahoma"; color:#565656; margin:0 0 5px 0; padding:0px; cursor:default; }
h5{font: bold /*12px*/1.0em "Tahoma";}
h6{color:#92e972; font: bold 1.09em "Arial"; margin:0px; padding:0px;}

.clear { clear:both;}
.oculto{ display:none;}
input, select, textarea{ padding:5px; font-size:18px; margin:5px; border:1px solid #00722d; color:#666;}


 /*****************************************************
*                ESTRUCTURA
* #cabecera, #menu, #contenido, #pie
******************************************************/

#contenedor{ position:relative; padding-bottom: 100px; overflow: auto; min-height:100%}
#contenedorpie{position: fixed;margin-top: -60px; bottom: 0;}
#contenedor, #contenedorpie{ display:block; width:100%;}
.borde { margin:auto; width:90%;}
#cabecera, #cuerpo, #pie{ /*float:left; width:1280px;  width:1024px;*/}
#cuerpo{ width:100%; clear: both;padding-top: 20px;}
 /*****************************************************
*             COMUNES
******************************************************/
.ancho90{ width:90%; }
.ancho85{ width:85%; }
.ancho80{ width:80%; }
.ancho75{ width:75%; }
.ancho70{ width:70%; }
.ancho65{ width:65%; }
.ancho55{ width:55%; }
.ancho50{ width:50%; }
.ancho45{ width:45%; }
.ancho40{ width:40%; }
.ancho35{ width:35%; }
.ancho33{ width:33%; }
.ancho30{ width:30%; }
.ancho25{ width:25%; }
.ancho20{ width:20%; }
.ancho19{ width:19%; }
.ancho18{ width:18%; }
.ancho16{ width:16%; }
.ancho17{ width:17%; }
.ancho15{ width:15%; }
.ancho10{ width:10%; }
.ancho8{ width:8%; }
.ancho5{ width:5%; }
.ancho4{ width:4%; }



button, a.button{float:right; display:block; border-radius:4px; border:1px solid #999; background-color:#e6e6e6; padding:5px; margin:10px;}
button:hover, a.button:hover{ display:block; background-color:#9c9c9c; color:#FFF;}

.botonVolver{float:left; width:43px; border:1px solid red; margin:10px 50px 10px 0; background:url(../img/volver.png) center no-repeat; padding-top:44px; border:none;}
.botonVolver:hover{  background:url(../img/volver_h.png) center no-repeat; color:#000;}

 /*****************************************************
*             PIE
******************************************************/
#pie{ height:60px; background-color:#23833f; color:#fff; padding:5px 0; }
#pie a{color:#fff;}
#pie a:hover{ color:#FFCC00;}
#pie a, #pie p{display: inline-block; width: 31%;}
    #pie a.right, #pie p {font-size:12px;margin-top: 10px;}
    a.enlacesInteres{background:url(../img/enlacesInteres.png) left top no-repeat; display:block;margin: 0;height: 40px;padding: 11px 0 0 36px!important;width: 30%!important; }
.estadistica{font-size: 1.2em;width: 180px;display: block;color: #7d7d7d!important;}
/*****************************************************
*               CABECERA
******************************************************/
#cabecera{ margin:20px 0;}
#cabecera span{display:inline-block; width:49%; }
.nombreUsuario {display:inline-block; width:82%;}
.cerrarSesion {background:url(../img/cerrarSesion.png) right bottom no-repeat; float:right; height:38px;display: inline-block;width: 12%!important;}
 .cabeceraHome span{width:auto!important}
/*****************************************************
               CUERPO
******************************************************/
table{overflow-x: scroll;display: block; border: none!important; margin:0 auto;}
table.DDGridView, table.DDListView{float:initial; width:85%;}
/*************** HOME ****************/
.contedidoHome{ width:90%; margin:50px auto;}
ul.menuHome{ width:100%; margin:0 auto;clear: both; overflow: hidden;}
ul.menuHome li{float:left; font-size: 15px; background-color:#c1cd23; text-align: center;padding: 20px 10px 0 10px; width: 13.5%; border-bottom: 7px solid #FFF; border-left: 1px solid #FFF;}
ul.menuHome li:hover{background-color:#00722d;}
ul.menuHome li a{float:left; color:#060;  width:100%; text-align:center; height:90px; }
ul.menuHome li a:hover{color:#9fac01;}
ul.menuHome li a.espaciotop{ padding-top:45px; height:80px;}

.positLeft{float:left;}
.positRight{float:right!important}
.right {text-align:right;}

/*************** FORMULARIO CLINICO ****************/
.formularioClin{float:left; width:100%; margin-bottom:50px;}
.camposForm{float:left; width:90%; margin:20px 5%; }
.division, .divisionEntera{float:left; width:50%;}
.divisionEntera{width:100%;}
.camposForm p.ancho33{ float:left; width:33%;}

.camposForm p{float:left; width:100%; margin-bottom:11px;}
.tituloForm, .datosForm{float:left; width:100%;}
.entrada85{width:85%; font-size:14px;}
.entrada70{width:70%;}
.camposForm small{ width:100%; float:left; color:#F00; font-size: 9px;}
.camposForm textarea {min-height:92px;}
.totaLista{float:right; padding:10px 5%; font-size:16px; color:#00722d;}

/*************** Listado Estandar ****************/
/*.listadoEstandar{float:left; width:100%;}
.cabListado{float:left; width:100%; background-color:#00722d; color:#FFF;}
.cabListado span, .listadoEstandar ul li{float:left; padding:10px 0; text-align:center;}
.listadoEstandar ul{ width:100%; float:left; border-bottom:1px solid #666;}
.listadoEstandar ul li{ float:left; color:#666;}
.listadoEstandar ul:hover{ background-color:#efefef; color:#00722d;}
.listadoEstandar a{font-size:9px; }*/


tr.cabListado th{ background-color:#00722d; color:#FFF; padding:10px 0; font-weight:normal; /*text-align:center;*/ font-family:Tahoma, Geneva, sans-serif; font-size:11px; border-left: 1px solid #aca; padding: 5px;}
tr.cabListado th a{color:#FFF!important;}
tr.td{ border:none;  border-bottom:1px solid #666; font-family:Tahoma, Geneva, sans-serif; padding:10px 0; font-size:12px; color:#666;}
tr.td td{ border:none;  border-bottom:1px solid #666; font-family:Tahoma, Geneva, sans-serif; padding:10px 2px; border-left: 1px solid #aca; }
tr.td td a{color:#00722D!important; font-size:10px; }
tr.td td a:hover{color:#a7bc1d!important; }
tr.td:hover{ background-color:#efefef; }
tr:nth-child(even) {background: #ecf6ec }

tr:nth-last-child(1) {background: white }

.cajaFiltro{ display: flex;  width: 80%;  padding: 0 2%; overflow: hidden; color: #FFF; background-color: #00722d; border-radius: 10px; border: 1px solid #c1cd23; flex-flow: row-reverse wrap; justify-content: flex-end;0}
.cajaFiltro label{float:left; margin-left:10px; width:100%; margin-top:10px;}
.cajaFiltro input{float:left;width:90%; height: 16px; }
.cajaFiltro select{float:left;width:90%; height: 28px;}
.cajaFiltro p{margin:0; justify-content: space-between;width:210px; }
.cajaFiltro span{float:left; margin-left:10px;  margin-top:10px; width:100%;}

.listadoEstandar div a{margin-right:8%}
/* Paginacion */

.paginacion{ text-align:right; margin:0!important; }
.paginacion span, .paginacion button{ display:block; float:left; width:70px; height:60px; margin-left:3px; cursor:pointer;}

.paginacion button{border:none;}
.paginacion button.btnPrimero{ background:url(../img/btnPrimero.png) center left no-repeat;}
.paginacion button.btnPrimero:hover{ background:url(../img/btnPrimero_h.png) center left no-repeat;}
.btnAnterior{ background:url(../img/btnAnterior.png) center center no-repeat;}
.btnAnterior:hover{ background:url(../img/btnAnterior_h.png) center center no-repeat;}
.btnPosterior{ background:url(../img/btnPosterior.png) center center no-repeat; height:60px;}
.btnPosterior:hover{ background:url(../img/btnPosterior_h.png) center center no-repeat; height:60px;}
.paginacion button.btnUltimo{ background:url(../img/btnUltimo.png) center right no-repeat;}
.paginacion button.btnUltimo:hover{ background:url(../img/btnUltimo_h.png) center right no-repeat;}

button.pagina{ color:#666; font-size:18px; background:none; text-decoration:underline; line-height:44px; }
button.pagina:hover{color:#a7bc1d;}
button.seleccionado{color:#090; text-decoration:none;}
.pagina:hover, .pagina{ color:#ff7f00; font-weight:bold;  }

/*************** LOGIN ****************/
.contedidoLogin{float:left; width:100%; color:#FFF;}
.cajaLogin{float:left; width:50%; margin:30px 25%; background-color:#eeeeee; border-radius:10px;}
.cajaDentroLogin{float:left; width:80%; margin:30px 10%; background-color:#578b6b; border-radius:10px;}
.cajaLogin strong{display:block; padding:70px 0 0 630px; font-size:20px; font-weight:normal;}
.cajaLogin span{float:left; margin:15px 5%; width:90%; }
.cajaLogin input{width:90%; color:#030; background-color:#dff0db; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:10px;}
.cajaLogin p{ margin:0; width:100%; float:left;}
.cajaLogin a{display:inline; float:left; color:#444; text-decoration:underline; font-size:12px;}
.cajaLogin a:hover{color:#FFF;}
.cajaLogin small{float:left; margin-top:35px; color:#F1F1F1;}
a.darAlta{float:left; width:100%; display:block; background-color:#333; color:#FFF; height:50px; border-radius:0 0 10px 10px; text-align:center; padding-top:20px; font-size:18px; text-decoration:none;}
a.darAlta:hover{ background-color:#282828; color:#999;}

/***FILTROS***/
.cajaFiltro > span {font-weight: bold; font-size: 15px; color:#a7bc1d}
flextiqueta { display: inline-flex; flex-direction:row;  }
.cajaFiltro flextiqueta span{ margin-left: 0; font-size: 11px; flex: 1; margin-top: -1px; color: #b0c89c;}
.cajaFiltro flextiqueta input { font: 1em Tahoma, Arial, Sans-serif; padding:5px 2px; height: 10px; margin: 0;}