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

/* CSS STRAUMANN PRESUPESTOS */


/* HOJA DE ESTILOS CSS
para el desarrollo del proyecto WEB STRAUMANN PRESUPUESTOS
desarrollado por:	ADDENTRA INTERNET
Fecha inicio: 18/03/2013

*/

body {  font: normal /*69%*/ 14px "Tahoma"; color: #666666; /*background-color: #00722d;*/ 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:#060; }
a:hover{color:#FFCC00;}


img{border:none; margin:0px; padding:0px;}
h1{font: normal /*18px*/ 1.63em "Arial"; color:#00722d; padding-left:20px; }
h2{font: normal /*16px*/1.45em "Tahoma"; color:#00722d; margin:0px; padding:0px;  }
h3{font: normal /*12px*/1.09em "Tahoma"; color:#00722d; }
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;}

.margin0{ margin-bottom:0px;}
.clear { clear:both;}
.oculto{ display:none;}
input, select, textarea{ padding:5px; font-size:16px; font-family:Tahoma, Geneva, sans-serif; margin:5px; -moz-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
    box-shadow: inset 0 4px 6px rgba(0,0,0,.5); color:#666;}
.center{ text-align:center;}
 .hidden{visibility: hidden !important;}

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

#contenedor, #contenedorpie{float:left; width:100%;}
#contenedor{ background-color:#fff; /*padding-bottom:150px;*/}
#contenedorpie{ /*background:url(../img/pixelPie.jpg) bottom repeat-x;  position:fixed;*/ bottom:0;/* height:150px;*/}
.borde {/*width:1280px; */ width:1024px; margin:auto;}
#cabecera, #cuerpo, #pie{ float:left;/*width:1280px; */ width:1024px;}
#cuerpo{ width:1024px;  margin-bottom:30px; }
.bordeImpresion {margin:auto; font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#555;}
.bordeImpresion  #cabecera, .bordeImpresion #cuerpo, .bordeImpresion #pie{ float:left; padding:0 46px;}

 /*****************************************************
*             COMUNES
******************************************************/
button{cursor:pointer;}
.botonGde, .botonGeneral{ display:block; width:143px; height:60px; background:url(../img/botonGde.png) center no-repeat; border:none; cursor:pointer; box-shadow:none; text-shadow: -1px -1px #060; color: #fff; font-size: 24px; margin:5px; }
.botonGde:hover{ background:url(../img/botonGde_h.png) center no-repeat;}
.botonGeneral{ background:url(../img/botonGeneral.png) center no-repeat; text-shadow:none; font-size:17px; line-height:17px;}
.botonGeneral:hover{ background:url(../img/botonGeneral_h.png) center no-repeat; text-shadow: -1px -1px #999;}
.areaBotones{float: right;}
.ancho100{ width:100%; }
.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%; }
.ancho30{ width:30%; }
.ancho25{ width:25%; }
.ancho20{ width:20%; }
.ancho15{ width:15%; }
.ancho10{ width:10%; }
.ancho8{ width:8%; }
.ancho5{ width:5%; }

.mostrar, .ocultar{float: right; width:39px; height:39px; margin-right:640px; cursor:pointer; background:url(../img/btnMostrar.png) center no-repeat;}
.ocultar{background:url(../img/btnOcultar.png) center no-repeat;}

.bordeCheck { background-color: #0e5425; padding: 4px 2px 0;}
.bordeCheck input{width:20px; height:20px; margin:0;}

.verde{color:#063;}

/* Paginacion */

.paginacion{ float:left; text-align:right; height:65px; margin: 20px 0 20px 25%; }
.paginacion span, .paginacion button{ display:block; float:left; width:70px; height:60px; margin-left:3px; background-color:#FFF; cursor:pointer;}

.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; 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;  }

 /*****************************************************
*             PIE
******************************************************/
#pie{ float:left; height:150px; background:url(../img/pie.jpg) top center no-repeat;}
#pie a{color:#7E7E7D;}
#pie a:hover{ color:#FFCC00;}
.poweredby{ float:right; display:block; width: 180px; height:70px; margin-top:10px; font-size: 10px;   }
/*.poweredby a{ display:block; background:url(../img/poweredby-tran;s.png) top left no-repeat; width:160px; height:68px; margin:auto;}
*//*****************************************************
*               CABECERA
******************************************************/
#cabecera{height:42px; background:url(../img/logoStraumann.jpg) top center no-repeat; margin:20px 0;}
#cabecera a{float:left; width:200px; height:42px; margin-left:482px;}

/*****************************************************
*               CUERPO
******************************************************/

/*************** DESCARGAR ****************/
.cajaDescargar{float:left; width:50%;  font-size:1.3em;}
.cajaDescargar p{ margin:50px 0 0 50px; display:inline; float:left; }
.cajaDescargar a{ float:left; width:500px; height:400px; background:url(../img/descargar.jpg) center center no-repeat;}
.cajaDescargar a:hover{ background:url(../img/descargar_h.jpg) center no-repeat;}
/*.cajaDescargar span{float:left; width:100%; padding:20px 10px; color:#04692d; text-align:center;}
*/.imgDescargar{float:right; width:415px; height:660px; background:url(../img/imgDescargar.png) bottom left no-repeat; margin-top: 25px; }
.validador{float:left; width:60%; background:url(../img/advertencia.png) no-repeat; padding: 0 12% 10px 17%; color:#cd6000; margin-left: 10%; font-size:25px;}
.validador ul{color:#666; font-size:14px; margin-top:20px;}
.validador ul li{ list-style:circle; margin-top:5px;}

.descargar{width:100%; padding:20px 10px; color:#04692d; position: relative; cursor: pointer;}
.descargar img{margin-left:200px; margin-top:30px;}
.flechas { width: 220px; height: 400px; line-height: 0px; font-size:36px; color: transparent; text-align:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; cursor:pointer; position:absolute; left:310px; top:130px; }
.flechas:hover { line-height:120px; color: #575858; background:url(../img/flechas.png) 0px 100px no-repeat;} 

/*************** HOME ****************/
.menuHome{float:left; width:90%; margin:100px 5%;}
.menuHome ul li span{float:left; width:100%; padding-top:200px; font-size:20px; color:#00722d; text-align:center;}
.menuHome a{float:left; display:block; border:10px solid #00722d; width:188px; height:183px;  border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:0 49px; }
a.menuPresupuesto{background:url(../img/menuPresupuesto.jpg) center no-repeat; }
a.menuNvoPto{background:url(../img/menuNuevoPto.jpg) center no-repeat;}
a.menuTratamiento{background:url(../img/menuMisTtos.jpg) center no-repeat; margin-right:0;}
.menuHomePpal a:hover, .menuHome a:hover {filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}
/*************** HOME PRINCIPAL ****************/
.menuHomePpal{float:left; width:100%; margin:100px 5% 10% ;}
.menuHomePpal ul li span{float:left; width:100%; padding-top:200px; color:#00722d; font-size:27px; text-align:center;}
.menuHomePpal a:hover span, .menuHome ul li a:hover span{color:#c1cc28;}
.menuHomePpal a{float:left; display:block; border:10px solid #00722d; width:188px; height:188px;  border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:0 49px; }

a.menuPpalPresupuesto{background:url(../img/menuPpalPresupuestos.jpg) center no-repeat; }
a.menuPpalAnexos{background:url(../img/menuPpalAnexos.jpg) center no-repeat;}
a.menuPpalConfig{ background:url(../img/menuPpalConfigurar.jpg) center no-repeat;}
.imgAcercaDe{float:right; width:49px; margin:10px; padding:45px 0 0 0; font-size:10px; text-align:center; background:url(../img/iconoAcercaDe.png) top center no-repeat;}

/*************** MIS TRATAMIENTOS ****************/
.filtro{float:left; width:585px; height:115px; color:#FFF; font-size:14px; background:url(../img/imgFiltro.png) top center no-repeat;}
.filtro span{float:left; margin:30px 10px; }
.filtroInput{float:left; margin:40px 0 0 0;}

.caja_lista{float:left; width:100%; margin:20px 0 ; }
ul.listaCabecera{float:left; width:100%; padding:5px 0; border-bottom:1px solid #00722d; font-size:16px; color:#00722d;}
.listaCabecera li, ul.lista li{float:left; padding:10px 0 10px 0;}
ul.lista{float:left; width:100%; background-color:#FFF;}
ul.lista:nth-child(odd){ background-color:#ededed;}
.lista:hover{ background-color:#e8ebc1;}
ul.lista:nth-child(odd).lista:hover{ background-color:#e8ebc1;}
ul.lista:nth-child(odd).lista:active, .lista:active{ background-color:#b8d299;}

/*************** ANEXOS ****************/
.dialogo{float:left; width:100%;}
.areaBotones2{ float:right;  width:360px;}
.areaBotones2 button{ float:left; }
.gruposTtos{float:left; width:100%; margin:20px 0;}
.gruposTtos div{float:left; width:150px; height:160px; text-align:center; margin:20px; padding:5px 10px;border-bottom:2px solid #b1c323; box-shadow: 0 2px 0 #0a5125;}
.gruposTtos img{ height:112px;}
.gruposTtos span{float:left; width:100%; font-size:12px; margin-top:5px; text-align:left; }
.gruposTtos input{float:left;}
.gruposTtos input[type=checkbox], .garantia  input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px; margin: 14px 14px 5px 0!important;
}
.gruposTtos a{ display:block; margin-top:7px; }

label.toggle { cursor: pointer; float:left; margin-right:10px; }
input.toggle { display: none; }
input.toggle:checked+div { display: none; }

/*************** ANEXO IMPRESIÓN ****************/
.cajaEmpresa, .datosCliente{float:left; width:33%; margin:20px 0 20px 15%; }
.datosCliente{border:1px solid #060; border-radius:10px; padding:10px; color:#060;}
.logoempresa{ display:block; float:left; height:100px; margin:15px;}
.pdfanexos, .garantia{ float:left;  width:1024px; }
.pdfanexos div{ float:left; text-align:justify;}
.productoanexo{ text-align:left; float:left; }
.productoanexo h3, .garantia h3{margin:0;}
.productoanexo h4, .garantia h4{ text-decoration:underline;}
.productoanexo img{ width:112px; height:112px; display:block; float:left; margin-top: 10px;}
.productoanexo div{ float:left; text-align:left; width:917px; padding:5px 10px; }
.pdfanexos div:nth-child(odd), .pdfanexos div:nth-child(odd) img, .pdfanexos div:nth-child(odd) div {float:right; text-align:right; }

.garantia{margin:30px 0px 20px 0; }
.garantia img{ margin:0 0 10px 15px; float:right; }
.textogarantia{  width:690px; float:left;}


/*************** IMPORTACION ****************/
.importacion textarea{ float:left; width:53%; height:500px; background-color:#f1f1f1;}	
.importacion ul{float:left; width:40%; display:block; margin:10px 2%;}
.importacion ul li{float:left; width:100%; padding:10px; border-bottom:1px solid #CCC;}
.importacion strong{float:right;}
.importacion span{float:left; width:80%;}

/*************** NUEVO PRESUPUESTO ****************/
.formulario{float:left; margin-top: 40px; width: 60%;}
.formulario p{float:left; width:100%; margin-top:20px;}
.formulario span{width:25%; float:left; margin:10px 0 0 60px; color:#04692d;}
.formulario textarea, .formulario input{width:60%; border:1px solid #00722d;}
.formulario textarea{height:100px;}

.odontograma{float: left;width: 18%;text-align: right;margin-top: 130px;}
.caja_lista ul{width:100%; float:left; color:#04692d; margin-top:10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding:1px 0; background-color:#c5e7d2; max-height: 40px;}
.caja_lista ul.listaCabecera{ margin-top:0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding:0px; background-color:#fff; font-size:14px;text-align:center;}
.caja_lista ul li{padding: 0px 1%; float:left;}
ul.listaFormInactivo{background-color:#e1f3e8; color:#4fb377;}
.caja_lista .ancho30{ width:28%;  }
.caja_lista .ancho40{ width:38%;  }
.caja_lista .ancho25{ width:23%; }
.caja_lista .ancho20{ width:18%; }
.caja_lista .ancho15{ width:13%; }
.caja_lista .ancho10{ width:8%}
.caja_lista .ancho8{ width:6%;}
.caja_lista .ancho5{ width:4%; padding:0%;  margin-left:4px;  }
.caja_lista .ancho5 a{ display:block; width:40px; float:left; height:30px;text-align:center; margin-top:5px;  }
.caja_lista .ancho5 a img{ text-align:right  }

.caja_lista ul li input, .caja_lista ul li select{width:100%;}


/*
.listaForm small, .listaFormInactivo small{float:left; line-height:14px;}
ul.listaFormInactivo .ancho5{ padding-top:5px; text-align:center;}
ul.listaFormInactivo input, ul.listaFormInactivo select{box-shadow:none; color:#C2C2C2;}*/

/*************** CONFIGURAR IMAGEN ****************/
.cajaDatos{float:left; width:60%; }
.cajaDatos textarea{width:70%; min-height:100px;}
.cajaDatos .insertalogo{float:left; width:70%; margin-left: 5%;}
.cajaDatos .insertalogo span{ display:block; float:left; border:5px solid green; margin: 10px 0 20px 30px; padding: 15px;/* width:200px; height:200px;*/}
.cajaDatos .areaBotones{width:130px;} 
.cajaDatos img{ max-width:200px; }

/*************** CONFIGURAR IMAGEN ****************/
.nuevaVersion{ margin:20px auto 0 auto; width:500px;}
.nuevaVersion p{ text-align:center; font-size:24px; width:100%;}

/*************** CONFIRMAR ****************/
.confirmacion{float:left; width:284px; padding:50px 25px; margin-left:70px;}
.confirmacion p{margin-top:30px; font-size:19px; }
.btnComfElim{ width:86px; margin-right:100px; height:76px; background:url(../img/btnConfElim.png) top center no-repeat; text-shadow: -1px -1px #060; color: #FFFFFF; font-size: 30px;}
.btnComfElim:hover{color: #060;}


.acercaDe{float:left; border:1px solid red;}
.acercaDe img{float:left; border:1px solid red; }
.acercaDeContent{ width:100%; margin-top: 20px;}

/* Impresión Presupuesto */
.impresion{ background: url(../img/impresion.png) top left no-repeat;}
#cabecera h1{ text-align:center; font-size:2.5em;}
.impresionDatos{width:100%; float:left; }
.impresionDatos .ancho50{ float:left; width:50%}
.separador{ background:url(../img/separador.png) center right no-repeat;}
.listaimpresion{ margin:30px 0 30px 0; color:#333;}
.listaimpresion .caja_lista ul{ background:none; font-size:16px; text-align:center;  }
.listaimpresion .caja_lista ul.listaCabecera{ border-bottom:2px solid #D7DFB1; padding-bottom:5px;   }
.listaimpresion .lista:hover, .listaimpresion  ul.lista:nth-child(odd).lista:hover,
.listaimpresion ul.lista:nth-child(odd).lista:active,.listaimpresion  .lista:active{ background-color:none;}

.listaimpresion .caja_lista ul.lista{ color:#666;  }
.listaimpresion .left{ text-align:left;}
.listaimpresion .right{ text-align:right;}
ul.total{ margin: 15px 0 40px 0;  border-top:2px solid #D7DFB1; padding-top:10px;}
ul.total li{float:right;  }
.observaciones{ height:300px; background-color:#E6F6EB}

.newpage { height:296mm !important;width: 209mm !important; overflow: hidden; position: relative;  page-break-before: always }

.observacionestextarea{float: left;margin-left: 27px;width: 91%;}


/* Check Box anexos */

.checkAnexos {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top,  rgb(0,101,38) 0%, rgb(192,205,36) 40%, rgb(0,101,38) 100%);
	margin: 10px 0;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: absolute;
}


.checkAnexos label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, white 0%, #ddd 100%);
}

.checkAnexos label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 18px;
	height: 9px;
	background: transparent;
	top: -2px;
	left: 3px;
	border: 5px solid rgb(9,158,79);
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
}

.checkAnexos label:hover::after {
	opacity: 0.3;
}


.gruposTtos div {
	cursor:pointer;
}


.checkAnexos input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.gruposTtos a {
display: block;
margin-top: 7px;
margin-left: 40px;
}


.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #cccccc;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#C1CB2A; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #cccccc;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #006330 5%, #006330 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006330), color-stop(1, #006330) );
	background:-moz-linear-gradient( center top, #006330 5%, #006330 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#006330", endColorstr="#006330");	background: -o-linear-gradient(top,#006330,006330);

	background-color:#006330;
	border:0px solid #cccccc;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #006330 5%, #006330 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006330), color-stop(1, #006330) );
	background:-moz-linear-gradient( center top, #006330 5%, #006330 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#006330", endColorstr="#006330");	background: -o-linear-gradient(top,#006330,006330);

	background-color:#006330;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}