@import url(comunes.css); /* <-- Importa estilos comunes a todas las páginas*/

#container {height:570px;} 

/* Menu 
------------------------------------------------------------------------- */

#navAbout{width:89px; background: url(images/menu01_01.gif) top left no-repeat;}
		#navAbout:hover{ background-position: bottom left;}

#navServices{width:96px; background: url(images/menu01_02.gif) top left no-repeat;}
		#navServices:hover{background-position: bottom left;}

#navSignup{width:97px;background: url(images/menu01_03.gif) top left no-repeat;}
		#navSignup:hover{background-position: bottom left;}

#navContact{width:98px;background: url(images/menu01_04.gif) top left no-repeat;}
		#navContact:hover{background-position: bottom left;}	


/* Flash 
------------------------------------------------------------------------- */

#flashintro {		

		width:670px; 
		
		height:267px;
		
		background: url(images/bg_flash.jpg) no-repeat top right;
		
		}
		

/* Text Boxs 
------------------------------------------------------------------------- */

#textboxs {			
		
		width:670px; 
		
		height:200px;
		
		}

#textboxs h1{
		
		text-indent:-5000px; 
		
		width:223px; 
		
		height:33px;
		
		}
		
		#textbox1 h1{
		
		background:url(images/box01_01.jpg) no-repeat top left
		
		}

		#textbox2 h1{		
		
		background:url(images/box02_01.jpg) no-repeat top left
		
		}
			
		#textbox3 h1{		
		
		background:url(images/box03_01.jpg) no-repeat top left
		
		}
								
#textboxs h2{

		text-indent:-5000px; 
		
		width:200px; 
		
		height:39px;
		
		}
		
		#textbox1 h2{	
		
		background:url(images/boxH2_01.gif) no-repeat top left
		
		}
						
		#textbox2 h2{		
		
		background:url(images/boxH2_02.gif) no-repeat top left
		
		}
						
		#textbox3 #tb3in h2{		
		
		background:url(images/boxH2_03.gif) no-repeat top left
		
		}
		
		#textbox3 #tb3in_ayuda h2{		
		
		background:url(images/boxH2_03c.gif) no-repeat top left
		
		}
				
				
#textboxs span{	

		float:left; 
		
		height:56px; 

		width:190px;
		
		margin-top:5px;
		
		font:10px/11px Tahoma, Arial, Helvetica, sans-serif; 
		
		color:#828282;
		
		} 

#textboxs a.button{	

		clear: left;

		float:left; 
		
		height:22px; 
		
		width:61px; 
		
		text-indent:-5000px; 
		
		margin-top: 12px;
		
		margin-left:-2px;
		
		background:url(images/btn_vermas.jpg) no-repeat top left;
		
		}
						
		#textboxs a.button:hover{		
		
		overflow:hidden;
		
		background-position: bottom left;
		
		}
		
							
#textbox1, #textbox2, #textbox3{

		float:left; 
		
		width:223px; 
		
		height:198px;
		
		}
				
#tb1in, #tb2in, #tb3in, #tb3in_ayuda{

		height:138px; 
		
		width:201px;
		
		/* padding:23px 19px 0 19px; */ padding:23px 5px 0 17px;
		
		}

 		#textbox1 #tb1in{
		
		background:url(images/box01_02.jpg) no-repeat top left;
		
		}	
							
		#textbox2 #tb2in{
		
		background:url(images/box02_02.jpg) no-repeat top left;
		
		}	
								
		#textbox3 #tb3in{
		
				background:url(images/box03_02.jpg) no-repeat top left;
				
				}
				
				#textbox3 #tb3in_ayuda {
		
				background:url(images/box03_02.jpg) no-repeat top left;
				
				}
				
				#tb3in fieldset, #tb3in_ayuda  fieldset {
				
				display:block; 
				
				margin-top:6px; 
				
				padding:0;
				
				}										
				
				#tb3in label, #tb3in_ayuda  label {
				
				display:block; 
				
				width:48px; 
				
				float:left; 
				
				padding-top:4px; 
				
				font:9px/10px Tahoma, Arial, Helvetica,sans-serif; color:#828282;
				
				}

				#tb3in input.textfield, #tb3in_ayuda input.textfield{
				
				width:110px; 
				
				height:14px; 
				
				margin-bottom:2px;
				
				background:url(images/textfield.gif) no-repeat top left; 
				
				border:0; padding:4px 8px 0 8px;
				
				font:9px/10px Tahoma, Arial, Helvetica, sans-serif; color:#828282;
				
}

			#tb3in input.textfield:focus, #tb3in_ayuda input.textfield:focus {
				
				/* background:url(images/textfield.gif) no-repeat bottom left;  */
				
				color: #149fc1
				
				}

				#tb3in input.button{		
				
						margin-top:27px;
						margin-left:-2px;
						height:22px; 
						width:61px;
						background:url(images/btn_login.jpg) no-repeat top left;
						
						}							

						#tb3in input.button:hover, #tb3in_ayuda input.button:hover{		
						
						background-position: bottom left;
						
						}
				
				
				#tb3in_ayuda #send {		
				
						margin-top:47px;
						margin-left:-2px;
						height:22px; 
						width:61px;
						background:url(images/btn_enviar.jpg) no-repeat top left;
						
						
						}							

						#tb3in_ayuda #send:hover {		
						
						background-position: bottom left;
						
						}
						
				#tb3in_ayuda label {text-indent:2px;}
				*html #tb3in_ayuda label {text-indent:5px;}
				
						
				#textboxs a.help{	
				
						float:right; 
						
						height:12px; 
						
						width:45px; 
						
						margin:-57px 14px 0 0;
						
						font:9px/10px Tahoma, Arial, Helvetica, sans-serif; 
						
						color: #828282;
						
						text-decoration: none;
						
						background:url(images/help.gif) no-repeat top right;
						
						margin:-17px 14px 0 0;
						
						}
										
						#textboxs a.help:hover{		
						
						color: #464d53;
						
						text-decoration: underline;
						
						background-position: bottom right;
						
						}
						
				#textboxs a.loguear{	
				
						float:right; 
						
						height:12px; 
						
						width:45px; 
						
						font:9px/10px Tahoma, Arial, Helvetica, sans-serif; 
						
						color: #828282;
						
						text-decoration: none;
						
						background:url(images/login.gif) no-repeat top left;
						
						margin:-17px -5px 0 0; padding-left:16px;
						
						}
										
						#textboxs a.loguear:hover{		
						
						color: #464d53;
						
						text-decoration: underline;
						
						background-position: bottom left;
						
						}
						

			
/* IE Hacks
------------------------------*/

*html #tb3in_ayuda #send {margin:50px 0 0 1px; }

*html #tb3in_ayuda fieldset {
		margin-left:-3px;}

*html #textboxs a.help{	

		padding-top: 2px;
		
		margin:-19px 15px 0 0;
		
		height:10px;
		
		}
		
*html #textboxs a.loguear {	

		padding-top: 2px;
		
		margin:-22px -5px 0 0;
		
		height:10px;
		
		}

*html fieldset{

		position:relative; 
		
		top:-4px;
		
		} 

*html input.textfield {

		position:relative; 
		
		top:5px;
		
		margin-top:-2px;
		
		}
			
*html label {

		margin-top:4px
		
		}

*html input.button{

		position: relative;
		
		top:4px
		
		}
		
/* ------------------------- */


#error {position:absolute; font:10px Tahoma, Arial, Helvetica, sans-serif; top:524px;
		margin-top:7px; width:165px;
		font-size:10px;border:1px solid #ff9b9b; color:#3b2f2f; padding:2px 8px 2px 20px; 
		background:#ffcccc url(images/em.gif) no-repeat 3px 2px;
		}
		
#error2{position:absolute; font:10px Tahoma, Arial, Helvetica, sans-serif; top:518px;
		margin-top:7px; width:165px;
		font-size:10px;border:1px solid #ff9b9b; color:#3b2f2f; padding:2px 8px 2px 20px; 
		background:#ffcccc url(images/em.gif) no-repeat 3px 2px;
		}

#ok {	position:absolute; font:10px Tahoma, Arial, Helvetica, sans-serif; top:530px;
		width:175px; font-size:10px; background:#ffffe1; border:1px solid #e4e4ae; 
		color:#3b3b34; padding:2px 8px;
		}


/* Sección Derecha 
------------------------------------------------------------------------- */

#hdr-derecho a.language {
				
		float:right; 
		
		text-indent:-5000px;
		
		width:91px;
		
		height: 21px;
		
		background:url(images/btn_language.jpg) no-repeat top left; 
		
		}

		#hdr-derecho a.language:hover {
		
		background-position: bottom left; 
		
		}
		
#area-banners{

		height: 403px;

		}
		
		*html #tb3in input.textfield, #tb3in_ayuda input.textfield{
                         background-attachment:fixed;}