/* CSS Document */

*{margin: 0; padding: 0;}
img{border: none;}
body{text-align: center; background:#ffffff url(../images/fondo.gif) repeat-x left top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #999;}
p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left;}
h1{float: left; width: 95%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-align: left;}

#contenedor{margin: 5px auto 0 auto; background-color:#FFFFFF; width: 834px; border: 1px solid #666; text-align: center; overflow: auto; _overflow: none; min-height: 680px; _height: 680px;}

#cabecera{width: 778px; height: 83px; margin: 5px auto 10px auto; background: url(../images/logoscalidad.gif) no-repeat right bottom; text-align: center;}
#cabecera img{float: left;}
 
#menu{width: 778px; background:url(../images/fondomenu.jpg) no-repeat left center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; height: 154px; text-align: center; margin: 0 auto;}
#menu ul{float: left; list-style: none; margin: 18px 0 0 10px;}
#menu ul li{list-style: none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-align: left; padding: 3px 0;}
#menu ul li a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none;}
#menu ul li a:hover{background-color: #333;}

#idiomas{width: 778px; padding: 0; text-align: right; margin: 0 auto; height: 40px; clear: both;}
#idiomas ul{float: right; list-style: none; margin: 5px 0 0 10px; display: inline;}
#idiomas ul li{list-style: none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-align: right; display: inline; margin: 0 0 0 5px;}
#idiomas ul li a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-decoration: none; text-align: right;}
#idiomas ul li a:hover{color: #333;}

#centro{width: 778px; margin: 0 auto; text-align: center;}

#producto1{float: left; width: 260px; border-right: 1px solid #ccc;}
#producto1 h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #666; text-align: left; margin: 0 0 5px 0;}
#producto1 p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left;}
#producto1 select{float: left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; margin: 10px 0 5px 0; padding: 0 0 0 2px; width: 230px; border: 1px solid #666;}

#producto2{float: left; width: 250px; border-right: 1px solid #ccc; margin: 0 0 0 5px;}
#producto2 h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #666; text-align: left; margin: 0 0 5px 0;}
#producto2 p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; margin: 0; padding: 0 5px 0 0;}
#producto2 select{float: left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; margin: 10px 0 5px 0; padding: 0 0 0 2px; width: 230px; border: 1px solid #666;}

#producto3{float: left; width: 250px; margin: 0 0 0 5px;}
#producto3 h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #666; text-align: left; margin: 0 0 5px 0;}
#producto3 p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; margin: 00; padding: 0 5px 0 0;}
#producto3 select{float: left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; margin: 10px 0 5px 0; padding: 0 0 0 2px; width: 230px; border: 1px solid #666;}

#formulario{float: left;}
#formulario p{float: left; width: 206px; border-right: 1px solid #ccc; height: 220px; padding: 0 5px 0 0;}
#formulario p.aviso{float: left; width: auto; height: auto; margin: 5px 0 0 50px; color: #CC0000; background: none; border: none; padding: 0;}
#formulario label{float: left; text-align: left; width: 70px; margin: 5px 0 0 20px; color: #666;}
#formulario input{text-align: left; width: 170px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; margin: 5px 0;}
#formulario textarea{text-align: left; width: 170px; height: 80px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left;}
#formulario input#btnNuevoUsuario{float: left; background: url(../images/fondoboton.gif) no-repeat left top; width: 92px; height: 26px; border: none; color: #fff; cursor: pointer; text-align: center; margin: 5px 0 0 92px; padding: 0 0 5px 0;}

#cuerpo{float: left; width: 100%;}
#cuerpo h2{float: left; border-right: 1px solid #ccc; width: 206px; height: 220px; padding: 0;}
#cuerpo h2 span.ubicacion{float: left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; margin: 5px 0 0 0;}
#cuerpo h2 span.ubicacion a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; text-decoration: none;}
#cuerpo h2 span.ubicacion a:hover{text-decoration: none; color: #333;}
#cuerpo h2.red{float: left; border-right: 1px solid #ccc; width: 206px; height: 605px; padding: 0; background: url(../images/peninsula.gif) no-repeat left 100px;}
#cuerpo p{float: left; text-align: left; margin: 0 10px 10px 20px; width: 66%;}
#cuerpo p a{text-decoration: none; color:#990000; font-weight: bold;}
#cuerpo p a:hover{text-decoration: none; color:#333;}

#cuerpo #tabla{float: left; width: 66%; margin: 10px 10px 10px 20px; padding: 0 0 10px 0;}
#cuerpo #tabla table{border: 1px solid #ccc; border-collapse:collapse; text-align: left; margin: 0 0 5px 0; width: 100%;}
#cuerpo #tabla table th{border: 1px solid #ccc; background-color: #91A7BC; padding: 3px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: center;}
#cuerpo #tabla table td{border-bottom: 1px solid #ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 3px 5px; color: #666; text-align: center;}
#cuerpo #tabla2{float: left; width: 92%; margin: 10px 10px 10px 20px; padding: 0 0 10px 0;}
#cuerpo #tabla2 table{border: 1px solid #ccc; border-collapse:collapse; text-align: left; margin: 0 0 5px 0; width: 100%; clear:both;}
#cuerpo #tabla2 table th{border: 1px solid #ccc; background-color: #91A7BC; padding: 3px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: center;}
#cuerpo #tabla2 table td{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 3px 5px; color: #666; text-align: center;}
#cuerpo #tabla2 table td.totales{background-color: #999999; color: #fff;border-top: 4px solid #666;}
#cuerpo #tabla2 table td.totales2{background-color: #E6EBF0; color: #333;}

#cuerpo #tabla2 table input{width: 40px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666;}
#cuerpo #tabla2 table select{width: 90px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666;}
#cuerpo #tabla2 #btn_add{float: right; background: url(../images/btn_add.gif) no-repeat left top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #42576C; font-weight: bold; width: 97px; text-align: center; padding: 5px 0 0 16px; height: 27px; cursor: pointer; margin: 5px 0;}
#cuerpo #tabla2 p{float: left; text-align: left; width: 100%; margin: 0 0 10px 0;}

#ficha{float: left; width: 776px;}
#ficha h1{float: left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; color: #666; text-align: left; width: 750px; margin: 0 0 5px 0; clear: right;}
#ficha #descripcion{float: left; border-top: 12px solid #91A7BC; border-bottom: 12px solid #91A7BC; border-left: 1px solid #999; border-right: 1px solid #999; width: 182px; height: 202px; padding: 10px;}
#ficha p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-align: left; margin: 0 0 5px 0;}
#ficha #fotoproducto{float: left; height: 227px; margin: 0 20px;  _margin: 0 10px; text-align: center; width: 315px;}
#ficha #fotoproducto p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; border: none; height:auto;}
#ficha #fotoproducto p a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: left; text-decoration: underline; background: url(../images/lupa.gif) no-repeat left center; padding: 3px 0 3px 25px; border: none;}
#ficha #fotoproducto p a:hover{text-decoration: none;}
#ficha #descargas{float: right; background: #fff url(../images/fondodescargas.gif) repeat-x left bottom; width: 205px; border: 1px solid #ccc; height: 232px; padding: 5px;}
#ficha #descargas h2{float: left; background: url(../images/tit_descargas.gif) no-repeat left top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #666; text-align: left; width: 163px; height: 31px; padding: 10px 0 0 40px; margin: 0 0 10px 0;}
#ficha #descargas ul{float: left; list-style: none; margin: 5px;}
#ficha #descargas ul li{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #91A7BC; text-align: left; font-weight: bold; padding: 3px 0 3px 0;}
#ficha #descargas ul li a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #91A7BC; text-align: left; text-decoration: underline; font-weight: bold; background: url(../images/cuadrito.gif) no-repeat left center; padding: 0 0 0 10px;}
#ficha #descargas ul li a:hover{text-decoration: none;}
#ficha #tabla{float: left; width: 100%; margin: 15px 0 15px 0; overflow: auto;}
#ficha #tabla table{border: 1px solid #ccc; border-collapse:collapse; text-align: center; margin: 0 0 5px 0; width: 100%;}
#ficha #tabla table th{border: 1px solid #ccc; background-color: #E6EBF0; padding: 3px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
#ficha #tabla table td{border: 1px solid #ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 3px 5px; color:#000000;}
#ficha #tabla table tr.fila1{background-color: #fff; color: #91A7BC;}
#ficha #tabla table tr.fila2{background-color: #fff; color: #666;}
/*#ficha #tabla{float: left; width: 100%; margin: 15px 0 15px 0; overflow: auto;}
#ficha #tabla table{border: 1px solid #ccc; border-collapse:collapse; text-align: center; margin: 0 0 5px 0; width: 100%;}
#ficha #tabla table th{border: 1px solid #ccc; background-color: #666666; padding: 3px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;}
#ficha #tabla table td{border: 1px solid #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 3px 5px;}
#ficha #tabla table tr.fila1{background-color: #E6EBF0; color: #91A7BC;}
#ficha #tabla table tr.fila2{background-color: #ccc; color: #666;}*/
#ficha #tabla p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #666; text-align: left; border: none; height: auto; width: 100%; margin: 0; padding: 0;}
#ficha #tabla p.rojo{color: #990000; font-weight: bold;}

#ficha #paraimprimir{float: right; margin: 0;}
#ficha #paraimprimir a{color: #666; text-decoration: none; font-weight: bold;}
#ficha #paraimprimir a:hover{color: #999; text-decoration: none;}

#ficha #nodatos{margin: 0 auto; border: 1px solid #666; text-align: center; width: 350px; padding: 10px 0;}
#ficha #nodatos p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #666; text-align: center;}


#direccion{float: left; width: 250px; margin: 0 0 0 15px;}
#direccion p{background: url(../images/bandadireccion.gif) no-repeat left top; padding: 20px 0 0 0; text-align: center; margin: 40px 0 0 0; color: #91A7BC;}

#pie{width: 834px; padding: 5px 0; text-align: center; margin: 5px auto 0 auto; clear: both;}
#pie p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: center;}

#clear{clear: both;}