@charset "UTF-8";

/* Hoja de estilo realizada para Sitio de Ainim
Sitio realizado por Codice
www.codice.com
Fecha de realizacion: 18/09/2007
*/


/******** Estilo para estructura general del sitio ********/

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#6b6b6b;
}

html { height: 100%; }


img { behavior: url(../css/iepngfix.htc) }

h5
{
	font-weight: bold;
	font-size: 30px;
	color: #238cac;
	text-align: center;
	margin: 100px 0 10px 0;
}

h6
{
	font-weight: normal;
	font-size: 15px;
	color: #666;
	text-align: center;
	margin: 0 0 100px 0;
}


h6 a
{
	color: #666;
	text-align: center;
	text-decoration: none;
}

h6 a:hover
{

	color: #ff7c09;
	text-align: center;
	text-decoration: underline;
}

#contenedor
{
	width: 1004px;
	margin:0px auto;
	padding: 0px;
	background-color:#FFFFFF;
	
}

/*--EMPIEZA HEAD 1--*/

#head1
{
	
	width: 1004px;
	height:96px;

	background-image:url(../images/backHead1.gif);
	/*float:left;*/
	padding:0px;
	position: relative;

}

#logo {
	position: relative;
	top: 30px;
	left: 30px;
}

#head3
{
	
	width: 1004px;
	height:96px;
	background-image:url(../images/head_3.jpg);
	float:left;
	padding:0px;

}

#menu_top
{
	height: 73px;
	padding: 0px;
	position: absolute;
	width: 430px;
	right: 15px;
	top: 20px;
	color: #b3b4b4;
}

#menu_top p
{
	color: #6b6b6b;
	font-size: 10px;
	margin-top: 15px;
	margin-bottom: 0;
}


#menu_top .recupera
{
	color: #000;
	font-size: 10px;
	text-decoration: none;
	padding: 0 75px 0 0;
	margin: 0;
}


#menu_top .recupera:hover
{
	color: #000;
	font-size: 10px;
	text-decoration: underline;
}


#menu_top input
{
	border:1px solid #b3b4b4;
	font-size: 11px;
}


#menu_top ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 224px;
	display: inline;
	border: 1px solid blue;
}

#menu_top li
{
	color:#b3b4b4;
	display:inline;

}

#menu_top a
{
	color:#b3b4b4;
	font-size:11px;
	text-decoration:none;
}

#menu_top a:hover
{
	color:#666;
	font-size:11px;
	text-decoration:none;
}

#tools_viñeta

{
	background:url(../images/vineta_menu_top.gif) no-repeat;
	margin:0px;
	padding:0px;
	
	
}

/*--TERMINA HEAD 1--*/


/*--EMPIEZA HEAD 2--*/

#head2
{
	margin: 0px;
	padding-top:12px;
	width: 1004px;
	height: 207px;
	background:url(../images/backSombraHead1.png) repeat-x;
	border-bottom: #ff962f solid 1px;
	position: relative;
}

#subNav {
	position: absolute;
	bottom: 0px !important;
	bottom: -1px;
	left: 200px;
	z-index: 200;
}

#subNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#subNav li {
	margin-right: 2px;
	padding: 0px;
	float: left;
}

#subNav img {
	display: block;
}

#slide {
	position: relative;
	z-index: 10;
}

.ctrlIzq {
	position: absolute;
	top: 85px;
	left: 0px;
	z-index: 100;
}

.ctrlDer {
	position: absolute;
	top: 85px;
	right: 0px;
	z-index: 101;
}

#contenidos {
	height: 207px;
}

#head2_titulo
{
	
	width:700px;
	float:right;
	clear:left;
	color:#6fbede;
	font-weight:bold;
	font-size:28px;
	padding:10px 10px 0px 0px;
}



#head2_subtitulo
{
	padding:0px;
	font-size:18px;
	font-weight:bold;
	color:#dfe03b;
	padding:15px 10px 0px 320px;
	width:556px;
	float:right;
	text-align:right;
	
}

#head2_contenido
{
	font-size:13px;
	color:#FFFFFF;
	padding:20px 10px 0px 320px;
	width:600px;
	float:right;
	text-align:right;
}

#head2_separador
{
	margin:10px 10px 0px 0px;
	padding:10px 2px 5px 10px;
	width:290px;
	height:2px;
	float:right;
	background:url(../images/separador_head2.jpg) no-repeat;
	
}

#head2_btns
{
	width:900px;
	height:40px;
	float:right;
	padding:0px 10px 0px 0px;
	

}

#head2_btns .btns
{
	list-style: none;
	float:right;
	clear:right;

}

#head2_btns ul.btns li
{
	float:left;
	

}

#head2_btns ul.btns li a
{
	float:left;
	text-decoration: none;
	text-align:center;
	color: #08324d;
	font-size:15px;
	padding: 4px 20px 4px 20px;
	margin-right:14px;
	background:url(../images/head_2_btn_fondo.jpg) repeat-x;
	
	
	
}

#head2_btns ul.btns img
{
	padding: 0px 14px 0px 0px;
	
}

#menu_hor
{
	width: 1004px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu_hor ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	/*list-style:none;
	margin:0;
	padding:0;*/
	
}


#menu_hor li
{
	/*margin: 0px;*/
	padding: 0px;
	float: left;
	background-color: #099;
	/*text-decoration: none;
	
	color: #7b7b7b;
	font-size:16px;
	display:inline;
	padding:0px;
	margin:0px;*/
	
}

#menu_hor li img
{
	margin-bottom: -3px;
	/*padding:0px;
	margin:0px;*/
}


#menu_hor li a
{
	/*text-decoration: none;
	text-align:center;
	color: #7b7b7b;
	font-size:16px;
	display:inline;*/
	
}


#contenido
{
	width: 782px;
	height: auto;
	float:left;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 30px;
}


span { color: #fe7e00; }

/*PLECA MIDDLE**************************************************************/
#pleca_middle
{
	background:url(../images/pleca_middle.jpg) repeat-x;
	width:1004px;
	height:20px;
	clear:both;
	padding:0px;
	margin:0px;
}




/**PRODUCTOS*****************************************************************/

#productos
{	
	width: 380px;
	height: auto;
/*	padding:0px 0px 0px 0px;*/
	float:left;
	border-right-style:dotted;
	border-right-width:1px;
	border-right-color:#a2a2a2;

}

#productos ul, #casos ul
{	
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;
}

.pro_titulo_fondo
{
	width:338px;
	height:23px;
	padding:10px 0px 0px 10px;
	font-size:15px;
	color:#FFFFFF;
	background-image:url(../images/pro_titulo.jpg);
	background-repeat:no-repeat;
}

.pro_titulo
{
	padding:3px 0px 0px 50px;
	/*padding:0px;*/
}


#colum_izq, #colum_der
{
	/*padding:10px 0px 0px 40px;*/
}

#colum_der
{
	width:335px;
	height:160px;
	border:1px solid #ffffff;
}


#colum_izq
{
	width:335px;
	height:160px;
	border:1px solid #ffffff;
}

#colum_izq ul
{	
	float:left;
	list-style-image:url(../images/products_bullet.jpg);
	padding:11px 0px 0px 55px;
}


#colum_der ul 
{	
	float:left;
	list-style-image:url(../images/products_bullet.jpg);
	padding:10px 0px 0px 55px;
}

#colum_izq li
{
	margin:0px;
	padding:8px 0px 2px 2px;
}



#colum_der li 
{
	margin:0px;
	padding:2px 0px 2px 2px;
}

#colum_izq a, #colum_der a
{	
	text-decoration:none;
	color:#6b6b6b;
}

.separador
{
	list-style-image:none;
	height:6px;
	width:280px;	
	background:url(../images/productos_separador2.jpg) no-repeat;
}

.separador
{
	margin:0px;
	padding: 10px 0px 10px 0px;
}

/**MEMBRESIA BASICA Y COMPLETA************************************************************/

#mb_cont 
{
	float:left;
	width:125px;
	padding:10px 0px 0px 46px;
}

#mc_cont 
{
	float:right;
	width:125px;
	padding:10px 10px 0px 0px;

}

#mb_img
{
	padding:15px 50px 0px 0px;
	
}

#mc_img
{
	padding:15px 10px 0px 0px;
	margin:0px;
}

#mb_img ul, #mc_img ul
{
	margin:10px 0px 0px 0px;
	padding: 0px 0px 0px 55px;
}

.mb_btns, .mc_btns
{
	/*margin:0px;
	padding:0px 0px 0px 0px;*/
}

.mb_btns a, .mc_btns a
{
	font-weight:bold;
	font-size:9px;
	padding:0px 4px 0px 4px;

}

.mb_btns li, .mc_btns li
{
	list-style-image:none;
	display:inline;
}


#mb_cont ul
{	
	float:right;
	font-size:11px;
	line-height:18px;
	color:#858585;
	list-style-image:url(../images/bullet_membresia_basica.jpg);
}

#mc_cont ul
{	
	float:right;
	font-size:11px;
	line-height:18px;
	color:#858585;
	list-style-image:url(../images/bullet_membresia_basica.jpg);
	padding:0px 0px 0px 0px;
}

#mb_cont a:link, #mb_cont a:visited, #mc_cont a:link, #mc_cont a:visited
{
	color: #858585;
	text-decoration: none;
}

#mb_cont a:hover, #mc_cont a:hover
{
	color: #08324d;
	text-decoration: none;
}

.separador_mb
{
	list-style-image:none;
	margin:0px;
	padding:0px 0px 0px -10px;
	background-image:url(../images/separador_mb.jpg) no-repeat;
}




/**CASOS*****************************************************************/


#casos
{
	width:350px;
	height: auto;
	padding:0px 10px 0px 23px;
	float:right;
}

.casos_subtitulo
{
	color:#ff7e04;
	font-size:11px;
	font-weight:bold;
	padding:10px 0px 0px 55px;
}

.casos_cont
{
	color:#6b6b6b;
	font-size:11px;
	line-height:14px;
	width:220px;
	list-style-image:none;

	padding:0px 0px 0px 55px;
	
}

.separador2
{
	list-style-image:none;
	margin:0px;
	background-image:url(../images/productos_separador.jpg) no-repeat;
	padding:10px 0px 0px 55px;
}


/**PANEL DERECHO *************************************************************************/

#panel_derecho
{
	width: 192px;
	height: auto;
	float:left;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}

#panel_derecho ul
{
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0px;
}

.imgs
{
	width:160px;
	height:auto;
	
}


/** FOOTER *************************************************************************/

#footer
{
	width: 964px;
	height: auto;
	clear: both;
	margin: 0px;
	background: url(../images/borde_superior.jpg) repeat-x;
	background-color: #FFFFFF;
	padding: 15px 20px 10px 20px;
	color: #6b6b6b;
}

#footer p
{
	margin:0px;
	padding:0px;
}

#footer a
{
	color: #6b6b6b;
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#footer a:hover
{
	color: #6b6b6b;
	font-size: 11px;
	text-decoration: underline;
}


/** BORDE INFERIOR *************************************************************************/
#borde_inferior
{
	width:1004px;
	height:30px;
	clear:both;
	background:url(../images/borde_inf.jpg) no-repeat top;
	padding:0px;
	margin:0px;
}


/** LOGO CODICE *************************************************************************/
#logo_codice
{
	width:1004px;
	height:30px;
	clear:both;
	text-align:right;

	padding:0px 0px 20px 0px;
	margin:0px auto;
	
}



/** ACERCA DE *************************************************************************/
#acerca_de
{
	width:732px;
	height:auto;
	margin:0px;
	padding:0px;
	
}

#cizq
{
	width:206px;
	height:auto;
	padding:0px;
	float:left;
	
}



#cizq ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:15px;
}

#cizq li
{
	line-height: 20px;
	list-style-type:none;
	position:relative;
}




/***********FIN ESTILO PARA CATEGORIA****************/

#cizq ul  
{
	margin:10px 0 0 10px;
	padding:0px;
	list-style-type: none;
	list-style-image:none;
	background: none;
	font-size:11px;
}

#cizq li
{
	line-height: 16px;
	list-style-type: none;
	list-style-image: none;
	color: #8f8f8f;
	padding: 0 0 10px 0;
}



#cizq li a
{
	height: 21px;
	margin: 0px;
	padding: 2px 0;
	COLOR: #8f8f8f;
	text-decoration: none;
}



#cizq li a:hover
{
	height: 21px;
	margin: 0px;
	padding: 2px 0;
	color: #ff7e00;
}

#cizq a.activo
{
	color: #ff7e00;
	font-weight:bold;
	text-decoration: none;
	margin:0px;
	padding:2px 0;
}

/* SUBMENU */

#cizq ul.subMenu  
{
	margin:10px 0 0 20px;
	padding:0px;
	list-style-type: none;
	list-style-image:none;
	background: none;
	font-size:11px;
}

#cizq li.subMenu
{
	line-height: 14px;
	list-style-type: none;
	list-style-image: none;
	color: #8f8f8f;
	padding: 0 0 10px 0;
}



#cizq li.subMenu a
{
	height: 21px;
	margin: 0px;
	padding: 2px 0;
	COLOR: #8f8f8f;
	text-decoration: none;
}


#cizq .bullet{ padding-top:6px}

#cizq li.subMenu a:hover
{
	height: 21px;
	margin: 0px;
	padding: 2px 0;
	color: #ff7e00;
}

#cizq li.subMenu a.activo
{
	color: #ff7e00;
	font-weight:bold;
	text-decoration: none;
	margin:0px;
	padding:2px 0;
}

#acerca_cont2
{
	width:450px;
	padding:0px 10px 0px 0px;
	float:left;
	
}

#acerca_cont2 h2
{
	color: #ff7e00;
	font-weight:bold;

}


#acerca_cont2 ul
{
	display:block;	
	padding:10px 0px 10px 0px;

}

#acerca_cont2 li
{
	padding:0px 0px 10px 10px;
	list-style:none;
	display: block;
}





/**************ACERCA DE COLUMNA DERECHA************************************************/


#cder
{
	width:510px;
	height:auto;
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	float:right;
	border-left-style:dotted;
	border-left-width:1px;
	border-left-color:#a2a2a2;
		
}


#acerca_img
{
	width:60px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}

#acerca_img ul
{
	
	padding:10px 0px 10px 10px;
	list-style-position:inside;
}

#acerca_img li
{
	list-style:none;
	display: block;
}


#cder_renglon
{
	width:500px;
	height:auto;
	padding:0px;
	margin:0px;
	/*float:right;*/
	
}

#acerca_cont
{
	width:400px;
	padding:0px 10px 0px 20px;
	/*float:right;*/

}

#acerca_cont ul
{
	display:block;	
	padding:10px 0px 10px 0px;

}

#acerca_cont li
{
	padding:0px 0px 10px 10px;
	list-style:none;
	display: block;
}

.acerca_subtitulo
{
	font-size:13px;
	color:#5ba1bd;
	font-weight: bold;
	background-image:url(../images/products_bullet.jpg);
	background-repeat: no-repeat;
	background-position: left 10%;
	
}

.respuesta {
	color: #555;
}

.acerca_subtitulo a {
	color: #216d8c;
	text-decoration: none;
}

.acerca_subtitulo a:hover {
	color: #ff7e00;
	text-decoration: undeline;
}

/* AGREGADOS */

.tituloSeccion {
	font-size: 19px;
	color: #216d8c;
	font-weight: bold;
}

.datoForm {
	padding-right: 10px;
	color: #156281;
}

.fieldTextForm {
	padding: 3px;
	width: auto;
	height: 14px;
	border: #069 1px solid;
	color: #333;
}

.bordeSelectOption {
	border: #069 1px solid;
	color: #333;
}

.fieldTextFormLarge {
	width: 445px;
	padding: 3px;
	height: 14px;
	border: #069 1px solid;
	color: #333;
}

.fieldTextForm2 {
	width: 445px;
	padding: 3px;
	border: #069 1px solid;
	color: #333;
}

.fieldMensajetForm {
	padding: 3px;
	width: 280px;
	height: 90px;
	border: #069 1px solid;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.btnForm {
	background-color: #069;
	border: #069 1px solid;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* CARRITO */

.carrito { margin: 30px auto 20px 50px; }

.carrito h1
{
	color: #6593a0;
	font-size: 12px;
	font-weight: bold;
}

.carrito .on
{
	border-bottom: 1px dotted #a7a7a7;
	text-align: center;
	padding: 0 10px;
}

.carrito .on2
{
	border-bottom: 1px #A7A7A7 dotted;
	border-right: 1px #A7A7A7 dotted;
	padding: 0 10px;
	text-align: center;
}

.carrito .on3
{
	border-right: 1px #A7A7A7 dotted;
	padding: 0 10px;

}

.carrito .on4
{
	border: 0;

}

.carrito p
{
	font-size: 12px;
	color: #6b6b6b;
	line-height: 18px;
}

.carrito span
{
	font-size: 13px;
	color: #ff7e00;
	line-height: 18px;
	font-weight: bold;
}
.carrito .prod { margin: 0 5px 0 0; }


.carrito .eliminar
{
	font-size: 12px;
	color: #ff7e00;
	font-weight: bold;
	text-decoration: none;
}


.carrito .eliminar:hover
{
	font-size: 12px;
	color: #ff7e00;
	font-weight: bold;
	text-decoration: underline;
}

.carrito ul
{
	margin: 0;
	padding: 0;
}

.carrito li
{
	margin: 0;
	padding: 0;
	color: #858585;
	background: url(../images/bullet.gif) no-repeat 15px center;
	list-style: none;
}

/* detalle */

.detalle p
{
	font-size: 12px;
	color: #6b6b6b;
}

.detalle span
{
	font-size: 13px;
	color: #ff7e00;
	line-height: 18px;
	font-weight: bold;
}