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

body{
	
 margin:0;
 padding:0;
 background:#fff;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#333;
 min-width:980px;  
 text-align:left;
 
 }
 a:link{
	 color:#fff;
	 text-decoration:none;

	 }
a:visited{
	color:#fff;
	text-decoration:none;
	}
a:active{
	color:#fff;
	text-decoration:none;
	}
a:hover
{
	color:#ddd;
text-decoration:underline;
cursor:pointer; /*La manita */
}


h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#403152;  /*Azul naat*/
	font-style:normal;
	letter-spacing:.4em;
		}
h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:normal;
	color:#006ec7;  /*azul univa*/
	
	letter-spacing:0.4em;
		}
		
h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	color:#403152;  /*azul naat*/
	letter-spacing:0.3em;
	margin:3px;
		}
		
h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	color:#849d4e;  /*Verde Naat*/
	
	letter-spacing:0.2em;
		}

h5
{
	/*Mensajes de guardado*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	color:#cfe4f5;  
	letter-spacing:0.2em;
	 
	  
	text-align:center;
	/*background-color:#cfe4f5;*/
	
		}
h6{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#102637;  
	font-style:normal;
	 
	text-align:center;
		}
h7
{
	/*Mensajes de alerta*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#403152;  	
	letter-spacing:0.2em;
	background-color:Yellow;
	text-align:center;
		}
.etiquetas{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#403152;  /*Verde Naat*/
	
	letter-spacing:0.2em;
		}
p{
	padding-bottom:1.2em;
	line-height:150%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right:60px;
	text-indent:20px;
	}
ul
{
	margin-left:50px; 
	padding-bottom:1.2em;
	line-height:150%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
	
	#contenedor_fondo
	{
		background-color:#fff;
			/*background:url(../png/calaveritas.png) no-repeat center top;*/
		width:100%;		
			/*height:726px;*/
		/*height:inherit;*/
		/*height:auto;*/
		display:block;
				
		}
		
/*#header
{
	background:url(../png/exp_cab.png) no-repeat;
	width:1024px;
	height:222px;
	margin:0 auto;
}
*/


#header
{
	background:url(../png/exp_cab.png) no-repeat;
	width:967px;
	height:217px;
	margin:0 auto;
}

#principal
{
	width:967px;
	margin:0 auto;
	clear:both;
	height:auto;
	
	/*min-height:800px;*/
	}
/*	
#imagen_encabezado
{ width:1024px;
min-height:163px;
margin:0 auto;
	}
*/	
div.centrado
	{ width:924px;
	background:url(../png/exp_contenido.png) repeat-y;
	text-align:center;
	padding:10px 50px 3px 50px;
	min-height:10px;
	margin:0 200px 0 0;	 
	clear:both;
   }
 div.centraTabla table {
margin: 0 auto;
text-align: left;
}


	/*
#contenido
{
	width:924px;
	background:url(../png/exp_contenido.png) repeat-y;
	text-align:justify;
	padding:10px 50px 3px 50px;
	min-height:50px;
	margin:0 200px 0 0;	 
	clear:both;
	
	}*/
#contenido
{
	width:867px;
	background:url(../png/exp_contenido.png) repeat-y;
	text-align:justify;
	padding:10px 50px 3px 50px;
	min-height:50px;
	margin:0 200px 0 0;	 
	clear:both;
	
	}

/*
#contenido_pie
{
	width:1024px;
	min-height:10px;	
	background:url(../png/exp_pie.png) repeat-y;
	margin:0 auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align:center;
	color:#FFF;
	}
*/
#contenido_pie
{
	width:967px;
	min-height:8px;	
	background:url(../png/exp_pie.png) repeat-y;
	margin:0 auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align:center;
	color:#fff;
	}
	
#pie_de_pie
{
	background:url(../png/exp_pie_de_pie.png) no-repeat;
	width:967px;
	margin:0 auto;
	min-height:100px;
	text-align:center;

	}
	
	.clear
{
	clear:both;
	}


#logueadoizq
{
	width:450px;	
	float:left;	
	margin:188px 0 0 50px;	
	/*border:solid 1px #000;*/
	max-height:22px;
	border-bottom:solid 1px #000;
}
* html #logueadoizq
{	display:inline-block;
	}
#logueadoizq h1
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#403152;  /*blanco para poner sobre el encabezado */
	font-style:normal;
	letter-spacing:.1em;
	
	}

#logueadoderecha
{
	width:350px; 
	height:12px; 
	float:right;
	margin:188px 50px 0 5px;
	text-align:right;
	/*border:solid 1px #000;*/
	}
* html #logueadoderecha{
	display:inline;
}
#logueadoderecha h1
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#403152;  /*blanco para poner sobre el encabezado */
	font-style:normal;
	letter-spacing:.1em;
	}

#menuderecha 
{
	width:250px; 
		height:20px; 
		float:right;
		margin:200px 10px 0 50px;
		/*border-left:solid 1px #000;
		border-right::solid 1px #000;*/
	}
* html #menuderecha {
	display:inline;
}
#menuizq
{
	width:450px; 
		height:20px; 
		float:left;
		margin:200px 100px 0 50px;
	}
* html #menuizq {
	display:inline;
}
	/*aki es la parte para los botones  */	
#menu{
		width:850px; 
		height:20px; 
		float:right;
		margin:200px 100px 0 50px;
		}	
* html #menu {
	display:inline;
}
#menu ul {
	list-style:none;
	margin-top:30px;  /*este es el margenq ue tiene el menu de la parte de arriba pa que baje lo suficiete pa quedar sobre la barra*/
	/*margin:0;*/
	margin-left:300px;	
	padding:0;
	float:left;
}


#menu ul li {
	padding:0 ;
	margin-left:0;
	margin-right:10px;
	float:left;
}

#menu ul li a {
	display:block;
	width:90px;
	height:20px;  /*esta altura es la mitad de la imagen del boton */
	text-decoration:none;
	background-position:bottom;
}

#menu ul li a:hover {
	background-position:top;
}

#menu ul li a span {
	display:none; /*esto es para ocultar el texto */
}

#menu span {
	list-style:none;
	margin-top:138px;  /*este es el margenq ue tiene el menu de la parte de arriba pa que baje lo suficiete pa quedar sobre la barra*/
	/*margin:0;*/
	margin-left:50px;	
	padding:0;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	
}




#btn_inicio {
	background:url(../img/bnt_inicio.png);
	
}

#btn_catalogos {
	background:url(../img/btn_catalogos.png);
	
}
#btn_galerias {
	background:url(../img/btn_galerias.png);	
}
#btn_nosotros {
	background:url(../img/btn_nosotros.png);	
}
#btn_sucursales {
	background:url(../img/btn_sucursales.png);	
}
#btn_contacto {
	background:url(../img/contacto.png);	
}
#btn_registro {
	background:url(../img/btn_registro.png);	
}

/*FORMULARIO*/
/*
#formulario

{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	width:auto;
	display:block;
	margin:0;

 	}
	
	input  { 
	 
	padding:.2em;
	border:solid 1px #403152; 
	width:200px;
	margin:5px 5px 5px 0;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:none;
	background-color:White;
	display:inline;
	height:12px;
	}
	
	.inputchicos  { 
	 
	padding:.2em;
	border:solid 1px #403152; 
	width:100px;
	margin:5px 5px 5px 0;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:none;
	background-color:White;
	display:inline;
	height:12px;
	}
	select { 
	 
	padding:.2em;
	border:solid 1px #403152; 
	width:200px;
	margin:5px 5px 5px 0;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:none;
	background-color:White;	
	height:25px;
	 
	}
	
	textarea {
		
		border:solid 1px #403152; 
		width:200px;
		height: 100px;
		margin:5px 5px 5px 0;
		padding:.2em;
		overflow: auto; 
		color:#000;
		background-color:White;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		
		}
	label {
			display:block; 
			margin:0.5em 0 0; 
			text-align:left;
			width:70px;
			float:left;
			color:#000; 
			}
			*/
.button 
{	
	border:2px solid #403152;
	background:#fff;
	margin:2px 0 2px 2px; 
	text-align:center;		
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:auto;
	}
	
	/*es para cuando se pone el raton encima del boton */
	.button:hover { 
		border:2px solid #403152; 
		background:#403152;	
		color:White;	
		}	
	.button:focus { 
		border:2px solid #403152; 
		background:#403152;	
		color:White;	
		}
input:focus 
{
	border:1px solid #000;
	background-color:#cfe4f5;  /*azulito univa*/
	color:Black;
	}
	
	textarea:focus 
{
	border:1px solid #000;
	 background-color:#cfe4f5;
	color:Black;
	}
	#textocontacto 
	{
		font-size:xx-small;		
		width:150px;
		float:left;
		margin-left:10px;	
		color:White;
		}
.checkbox   
{
	clear:both;	 	
	border:none;
	width:auto;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:none;	
	}	
	
	.alerta
	{
	 background-color:Yellow;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:18px;
	 color:#403152;
	  text-align:center;
	   letter-spacing:0.2em;
		}

/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:2px 2px 2px 2px;
    width:200px;
    height:10px;
    vertical-align:middle;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url(images/Question.png);
	overflow:hidden;
	cursor:help;
}

.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}