@charset "utf-8";
/* HOJA DE ESTILOS CSS
para el desarrollo del proyecto ANDREA
desarrollado por:	Kaytel Soluciones- ADDENTRA
Fecha inicio: 15/10/2009
Archivo: andreadescarga.css
 * Descripción: Usado para el posicionamiento y estructura general del sitio y sus componentes.
 * Guia: Orden de propiedades: display, position, box model (margin, border, padding, width, height), float, clear, z-index
 TABLA DE CONTENIDOS
 -------------------------
  1. General
  2. Títulos
  3. Enlaces & Botones
  4. Imagenes & Iconos & Thumbnails
  5. Formularios
  6. Paginación
  7. Cabecera
  9. Pie
  10. Contenido Principal + páginas por secciones
  11. Titulo de Secciones
Copyright 2009 ADDENTRA (www.addentra.com)
/****************************************
 1.     	   GENERAL
	  body, a, estructura, img, div
*****************************************/
body{ background-color:#d6dbde;  font: normal 69% /*11px*/ "Tahoma"; color: #888888; overflow:auto; }
* { 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;}*/
img{border:none; margin:0px; padding:0px;}
#contenedor, #contenedorpie{ width:100%; float:left;}
#contenedor{background: url('../img/fondo.gif') repeat-x left top; background-color:#ffffff;}
#contenedorpie{background: url('../img/andreapie.gif') repeat-x left top; background-color:#d6dbde; }
#borde, #bordepie{width:735px; margin:auto;}
#cabecera, #contenido, #cuerpopie, #pie{width:735px; float:left; }
.noborde{ border:none;}
.oculto{ display:none;}
.negro{ color:#000;}
.azul{ color:#20a2dc;}

/****************************************
 2.				T?TULOS
 		 h1, h2, h3, h4, h5, h6
*****************************************/
h1{font: bold /*16px*/ 1.45em "Arial"; color:#000; }
h2{font: normal /*14px*/1.27em "Tahoma"; color:#009ee0; border-bottom:1px solid #000000; margin:0em;}
h3{font: normal 24px "Arial"; }
h4{font: bold /*14px*/ 1.27em "Arial"; color:#000;margin:10px 0 0 0;}
h5{font: bold /*16px*/1.45em "Arial"; color:#888888;}
h6{}
p{ font-size:1.09em; font-weight:normal;}
/****************************************
 3.			ENLACES Y BOTONES
*****************************************/
a, a:link, a:visited, a:hover, a:active { /*font: normal 1.09em "Arial"*/ color:#888; text-decoration:none; cursor:pointer; }
a:hover{color:#009ee1;}

/****************************************
 4. 		IM?GENES & ICONOS
*****************************************/



/****************************************
 5.	 			FORMULARIOS
*****************************************/
input, select, textarea{ font: normal 12px "Tahoma"; border:1px solid #d6dbde; padding:2px 2px 2px 4px; background-color:#ffffff; color:#333; }
textarea { height:50px;}
.checkbox { border:none;}
button {cursor:pointer; } 
input:focus, select:focus, textarea:focus { background-color: #fffdc4;} 
.entrada190{ width:190px;}
.entrada90{ width:90px;}

 

/****************************************
 7.		 		CABECERA
*****************************************/
#cabecera{ margin-top:28px; height:70px;   }
#cabecera ul{ margin-top:15px; float:left; width:735px;}
#cabecera ul li{ float:left; margin-top:20px; }
#cabecera ul li a{ display:block; float:left; padding:5px 0px 5px 0px; margin:0 10px; font-size:12px; color:#000000; text-align:center; border-top:4px solid #d6dbde;  }
#cabecera ul li a:hover, #cabecera ul li a.selected{ border-top:4px solid #009ee1;  }
#cabecera ul li.logoandrea{ display:inline; margin:0 70px 0 1px; width:143px; }
#cabecera ul li.logoandrea a{ padding:0px; margin:0px; border:none; }


/****************************************
 8.	 				PIE
*****************************************/
#pie{ height:40px; float:left; margin-top:10px; margin-left:40px; display:inline;}
#pie li{ float:left; }
#pie li a{ display:block;margin: 0px 5px; float:left; color:#414141; font-family:Tahoma, Geneva, sans-serif; font-size:10px; border-top:4px solid #d6dbde;}
#pie li a:hover{ border-top:4px solid #009ee1;}


/****************************************
 9.		 	CONTENIDO PRINCIPAL
*****************************************/
/*AndreaHome*/
a.descubreandrea{ display:block; background: url('../img/descubreandrea.gif') no-repeat left top; width:735px; height:296px; float:left;}
ul.opcioneshome{ float:left; background: url('../img/descargahome.gif') no-repeat left top;  width:735px; height:296px; margin-top:10px; }
ul.opcioneshome li{ float:left; width:245px; height:230px; }
ul.opcioneshome li a{ display:block; float:left; width:195px; text-align:justify; font-size:12px; padding: 200px 25px 0 25px; }

/*AndreaComoFunciona*/
.comofunciona{ background:url('../img/comofunciona.gif') no-repeat left top; width:735px; height:140px; float:left;}
.comofunciona h1{ margin-top:15px; width:450px;}
.comofunciona p{ width:450px; color:#666666;}
.tutoriales{ margin-bottom:10px;}
.tutoriales ul{ width:735px; float:left; margin-bottom:10px;}
.tutoriales ul li{ width:346px; float:left; border-bottom:1px dotted #8c8f90; padding:10px;}
.tutoriales ul li  a{ display:block; float:left; width:346px; height:90px; }
.tutoriales ul li a strong, .turoriales ul li a small { display:block; width:205px; float:left; }
.tutoriales ul li a strong{ height:60px; margin-top:5px; color:#000000; font-family:Arial, Helvetica, sans-serif; size:12px;}
.tutoriales ul li a:hover strong{ color:#009ee1;}
.tutoriales ul li a img{ border:3px solid #ffffff; width:121px; height:85px; float:left; margin-right:10px; display:inline;}
.tutoriales ul li a:hover img{ border-top:3px solid #009ee1; border-bottom:3px solid #009ee1; }
.sombraseparador{background:url('../img/sombraseparador.gif') no-repeat left top; width:735px; height:70px; float:left;}
.tutoriales ul li button{ background:inherit; display:block; float:left; width:346px; height:93px; }
.tutoriales ul li button img {border:3px solid #ffffff; width:121px; height:85px; float:left; margin-right:8px; display:inline;}
.tutoriales ul li button strong{ display:block; width:205px; text-align:left; float:left; height:60px; margin-top:5px; color:#000000; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.tutoriales ul li button small {display:block; width:205px; float:left; text-align:left; font-size:10px; color:#666; font-family:Arial, Helvetica, sans-serif;}
.tutoriales ul li button:hover strong {color:#009ee1;}
.tutoriales ul li button:hover small {color:#009ee1;}
.tutoriales ul li button:hover img {border-top:3px solid #009ee1; border-bottom:3px solid #009ee1;}
.modal{	/*background-color:#fff;*/ display:none; /*border:2px solid #333;*/ width:550px; padding:0px; text-align:left; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc;}
.modal h2{ background:url(/img/global/info.png) 0 50% no-repeat; margin:0px; padding:0; border-bottom:1px solid #333; font-size:20px;}
.modalInput{ visibility:visible;}
.btnCerrarVideo { background: url("../images2/closelabel3.gif") top center no-repeat; float:left; margin-left:250px; width:66px; height:22px; display:inline; }
.cajaBotonVideo {float:left; margin-top:10px; width:550px; margin-bottom:10px; display:inline;}
.tutoriales h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
/*AndreaDescarga*/
.corner{ -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.descargafirefox{ background-color:#FFFFFF;  width:705px; float:left; margin-bottom:15px; padding:15px;}
.pasos{ margin-top:30px;}
a.info, .pasos, .pasosinfo, .pasosimg, .paso3{ float:left;}
a.info{ width:705px; border-top:1px solid #009ee0; border-bottom:1px solid #009ee0; background-color:#e5f7fd; padding:4px 0; display:block;}
.info img{ float:left; width:60px; margin:0 15px 0 18px; display:inline; }
.info span{ float:left; width:600px; color:#009ee0; margin-top:15px; display:block; font-size:1.09em;}
.info span strong{ color:#0000ff; text-decoration:underline;}
.pasosinfo{ width:335px;}
.paso3{ width:705px; margin-top:15px; }
.descargafirefox .pasosimg{ background:url('../img/descargafirefox.gif') no-repeat left top; width:336px; height:330px; margin-left:10px; display:inline;}
.pasosinfo img, .pasosinfo div, .paso3 img, .paso3 div{ float:left;}
.pasosinfo img, .paso3 img{ margin:0 12px;}
.pasosinfo div{ width:250px;}
.paso3 div{ width:600px;}
.paso3 h4{ color:#009ee0;}
a.cajasolowindows{ float:left; width:625px; margin-top:20px; margin-left:50px; display:inline; background-color:#e5f7fd; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.pulseaqui{ display:block; font-size:14px; color:#000; width:190px; text-align:center; margin-top:8px; float:left; font-weight:bold; padding-left:40px;}
.imagenwindows{ background:url(../img/logoWindows.gif) top left no-repeat; height:35px; float:left; padding:18px 0 0 70px; display:inline; color:#000; font-weight:bold; font-size:16px; }
.textobeta{ float:left; margin:20px 0 0 51px; display:inline; width:615px; text-align:justify;}
.textobeta a{ color:#000;}
.textobeta a:hover{ color:#00F;}



/*AndreaCanalesContenido*/
.canalescontenido{ background:url('../img/canalescontenido.gif') no-repeat left top; width:735px; height:160px; float:left;}
.canalescontenido h1{ margin-top:15px; width:450px;}
.canalescontenido p{ width:450px; color:#666666;}
.canales{ float:left; width:735px;}
.canalesdisponibles, .canalespublicar{ float:left; background-color:#FFFFFF; padding:10px; }
.canalesdisponibles{width: 374px; margin-right:5px; display:inline;}
.canalespublicar{ width:310px;}
.canalesdisponibles h2{ margin-bottom:1em;}
.canalesdisponibles ul, .canalesdisponibles ul li{ float:left; width:374px; }
.canalesdisponibles ul{ margin-bottom:15px;}
.canalesdisponibles ul li{ border-bottom:1px dotted #cccccc;}
.canalesdisponibles li a{ display:block; float:left; color:#888888;  padding:5px 0 5px 5px;}
.canalesdisponibles li a:hover{ background-color:#d6dbde;}
.canalesdisponibles li a img{ float:left;} 
.canalesdisponibles li a span.datoscurso{ float:left; display:block; width:320px; margin-left:10px; display:inline; }
.canalesdisponibles li a strong{ color:#000000; display:block;}
.canalesdisponibles h2{font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

/*POLITICA DE PRIVACIDAD Y TERMINOS DE USO*/
.h2politica{ float:left; width:735px; color:#000; font-weight:bold; margin-bottom:10px; display:inline; border:none; }
.h3politica, .h3politicaultima{ float:left; width:735px; font-size:12px; margin-bottom:6px; display:inline;}
.h3politica a, .h3politicaultima a{ width:700px; margin-left:10px; float:right;  text-decoration:underline;}
.h3politicaultima{ margin-bottom:20px;}
.h4politica a{ float:left; width:735px; color:#000; font-weight:bold; margin-bottom:10px; display:inline; border:none; }
.ppolitica{ float:left; width:705px; text-align:justify; }
.ppolitica strong{ color:#000; margin-left:20px;}
a.arriba{ color:#009ee0; float:left; width:705px; text-align:right; margin-top:0px; display:inline; text-decoration:underline;}
.negropolitica{ float:left; text-align:justify; width:705px;}
ul.ulterminos{ float:left; width:675px; margin:0 0 10px 20px; display:inline;}
ul.ulterminos li{ float:left; width:670px; margin-bottom:6px; text-align:justify; list-style:disc;}

/*CONTACTO*/
.cajaformulario, .cajaformulariogrande{ float:left; width:310px; margin-top:16px; display:inline;}
.cajaformulariogrande{ width:705px;}
.formulariocanales, .formulariocanales2, .formulariocanalesgrande, .formulariocanales2grande{ float:left; width:310px; }
.formulariocanales2, .formulariocanales2grande{ margin-top:20px;}
.formulariocanalesgrande, .formulariocanales2grande{ width:705px;}
.pformulariocontacto, .pformulariocontactogrande{ float:left; width:310px; margin:0px; margin-bottom:6px;}
.pformulariocontactogrande{ width:705px;}
.inputcontacto, .inputcontactomensaje, .inputcontactogrande, .inputcontactomensaje{ width:300px; float:left; margin:0px;}
.inputcontactomensaje, .inputcontactomensajegrande{ height:80px;}
.inputcontactogrande, .inputcontactomensajegrande{ width:700px;}
.cajaboton, .cajabotongrande{ float:left; width:310px; text-align:center;}
.cajabotongrande{ width:555px; padding-left:150px; display:inline;}
.btnenviar, .btnenviargrande{ background:url(../img/botonEnviar.gif)center no-repeat; height:29px; float:left; text-align:center; width:181px; margin:20px 0 0 50px; display:inline;}
.btnenviar:hover, .btnenviargrande:hover{ background:url(../img/botonEnviarHover.gif)center no-repeat; height:29px; float:left;}
.btnenviargrande{ margin-left:100px; display:inline;}
.validacionerror, .validacionerrorgrande{ float:left; width:300px; margin-top:4px; display:inline; color:#F00; font-weight:bold;}
.validacionerrorgrande{ width:700px;}

/*PIE*/
.validadorespie{ margin:auto; width:705px;}
.logoaddentrapie{ background:url(../img/poweredby.jpg) top left no-repeat; width:200px; height:60px; float:left; margin-right:10px; display:inline;}
.cajavalidador{ float:left; width:490px; color:#000; margin-top:8px; display:inline;}
	.cajavalidador a{ float:left; margin-right:10px; display:inline; }
	.cajavalidador p{ width:320px; float:left; margin-right:5px; display:inline;}
	
	
/*ANDREA BOARD*/
.titulogaceta{ float:left; width:705px; border-bottom:1px solid #dadada; margin-bottom:10px; color:#000; font-size:14px; font-weight:bold; padding-bottom:5px; display:inline;}
.enlacegaceta, .enlacegacetaNo{ float:left; padding:10px; display:inline; width:685px; margin-bottom:6px;}
.enlacegaceta:hover{ background-color:#faf4db;}
.enlacegacetaNo:hover{ background-color:#fff; cursor:default;}
	.imggaceta{ float:left; width:70px; height:70px;}
	.contenedorgaceta{ float:left; width:600px; height:70px;}
		.spanazulgaceta{ float:left; width:120px; color:#55beea; font-weight:bold; margin-left:10px; display:inline;}
		.spannegrogaceta{ float:left; width:400px; color:#000; font-weight:bold; margin-left:10px; display:inline;}
		.ptextogaceta{ float:left; width:580px; margin:10px 0 0 10px; display:inline; color:#8e8e8e;}
.lineagaceta{ float:left; height:1px; width:705px; border-top:1px solid #dadada;}
.cajabotonesgaceta{ float:left; width:705px; margin-top:10px; display:inline;}
	a.aconoceandrea{ float:left; background-color:#e8e8e8; color:#000; width:330px; margin-right:8px; display:inline; padding:10px;}
	a.aconoceandrea:hover{ background-color:#faf4db;}
	.aconoceandrea:hover .cajaconoceandrea{ float:left; width:330px; background:url(../img/logoAndreaTecladohover.gif) top right no-repeat; height:101px;}
		.cajaconoceandrea{ float:left; width:330px; background:url(../img/logoAndreaTeclado.gif) top right no-repeat; height:101px;}
			.spanconoceandrea{ float:left; font-size:14px; font-weight:bold; width:170px; margin-bottom:5px; display:inline;}
			.pconoceandrea{ float:left; width:170px; color:#8e8e8e;}
	a.postgaceta{ float:left; background-color:#e8e8e8; color:#000; width:325px; display:inline; padding:10px;}
	a.postgaceta:hover{  background-color:#faf4db;}
	a.postgaceta:hover .cajapostandrea{ float:left; width:325px; background:url(../img/gacetadentalespejohover.gif) top right no-repeat; height:101px;}
		.cajapostandrea{ float:left; width:325px; background:url(../img/gacetadentalespejo.gif) top right no-repeat; height:101px;}
			.spanpostandrea{ float:left; font-size:14px; font-weight:bold; width:170px; margin-bottom:5px; display:inline;}
			.ppostandrea{ float:left; width:170px; color:#8e8e8e;}



/*ERROR*/
.contenedorerror{ float:left; width:350px; margin-left:160px; display:inline; }
	.imgcontenedorerror{ background:url(../img/logoaddentragrande.gif) top center no-repeat; height:134px; width:350px; float:left; margin-bottom:20px; display:inline;}
	.contenedorerror h6{ float:left; width:350px; font-weight:bold; color:#000; font-size:12px; margin-top:10px; display:inline;}
	.contenedorerror p{ float:left; width:350px; font-size:12px; text-align:justify; margin-top:10px; display:inline;}
	.contenedorerror .azul{ color:#00F;}
	.contenedorerror .azul a:hover{ color:#F00;}

	.contenedorbotones{ float:left; width:350px; margin:20px 0 20px 0; display:inline;}
		.botonvolver, .botonvolver2{ background:url(../img/btnVolver.gif) top left no-repeat; width:126px; height:29px; float:left; margin-right:50px; display:inline;}
		.botonvolver:hover, .botonvolver2:hover{ background:url(../img/btnVolverhover.gif) top left no-repeat; width:126px; height:29px; float:left;}
		.botonirhome{ background:url(../img/btnIrhome.gif) top left no-repeat; width:126px; height:29px; float:left; margin-left:44px; display:inline;}
		.botonirhome:hover{ background:url(../img/btnIrhomehover.gif) top left no-repeat; width:126px; height:29px; float:left;}

/*OPERACION INCORRECTA*/
.contenedoroperacionincorrecta{ float:left; width:600px; margin-left:50px; padding-top:40px; display:inline;}
	.imgexclamacionincorrecta{ background:url(../img/exclamacion.gif) top left no-repeat; width:80px; height:120px; float:left; margin-right:56px; display:inline;}
	.imgexclamacioncorrecta{ background:url(../img/ok-trans.gif) top left no-repeat; margin-top:-40px; width:80px; height:120px; float:left; margin-right:56px; display:inline;}
	.pnegrita{ float:left; font-size:15px; color:#000; font-weight:bold; width:460px; }
	.pnormal{ float:left; color:#000; width:460px;}
	.botonvolver2{ margin:40px 0 0 120px;  display:inline; }
		


.imagenupdate{ background:url(../img/pasosandrea.jpg) top left no-repeat; width:600px; height:800px; float:left;}