/*===========================================================
ESTILOS CABLEWAY
ARCE || KANE  ::: CREADO EN OCTUBRE 2006
WWW.ARCEKANE.COM
ULTIMA EDICIÓN: ALEJANDRO PEREIRO :: 05/02/2007
============================================================*/


/*===========================================================
DEFINICION HTML
============================================================*/
body {font-family: Arial, Helvetica, sans-serif; color:black; font-size:12px; background:#fff url(../imagenes/fondos/fondo.jpg) no-repeat; background-position: center; background-position:top;}

h1, h2, h3, h4, h5, h6	{font-weight:normal; border-bottom:1px solid #7f7f7f;}

h1		{font-size:24px; padding-bottom:10px;}
h2		{font-size:20px; border-bottom:none; padding:10px 0 5px 0; margin:0;}
h3		{font-size:14px; border-bottom:3px solid #e8e8e8; padding-bottom:10px; text-transform:uppercase; font-weight:bold;}
h4		{font-size:16px;}
h5		{font-size:14px;}
h6		{font-size:12px;}

a {color:#006699; text-decoration:none;}
a:hover{text-decoration:overline;}
li{ list-style:none; border-bottom:1px solid #E8E8E6; padding:10px 0 10px 10px; margin-top:10px; border-left:5px solid #E8E8E6;}
p {margin:0; padding-bottom:10px;;}


/*===========================================================
FORMULARIOS
============================================================*/
form {margin:0; padding:0;}
input{ border:1px solid #7f7f7f; background:#eaeaea; font-size:10px;}


/*===========================================================
LAYOUT
solo lo referido a tamaño y posicionamiento 
============================================================*/
body {text-align:center; margin:auto;}
#contenedor {text-align:left; width:780px; margin:auto;}
#encabezado {}
	#menuPrincipal {}
#contenedorColumnas{clear:both;}
	#columnaSecundaria 	{float:right; 	width:180px;}
	#columnaPrincipal	{float:left;	width:600px; padding:20px 0 50px 0;}
#pie { padding:20px 0 20px 20px;}
	#menuPie {}
.clear { clear:both;}


/*===========================================================
ESTILOS LAYOUT
backgrounds, tipografias, etc
============================================================*/
#contenedorPrincipal{background:url(../imagenes/fondos/menuPrincipal.gif) repeat-x;}
#indiceSeccion .bloque{ background:url(../imagenes/fondos/left-top-corner-box.jpg) no-repeat; margin:20px; padding:10px 0 20px 0; width:500px; }
#indiceSeccion h1{ font-size:18px; background:none; border:none; margin:0; padding:0;}
#indiceSeccion h2{ font-size:12px; background:none; border:none; margin:0; padding:0;}
.alerta { text-align:left; color:red;}


/*===========================================================
FUNCIONALIDADES
============================================================*/
#menuFuncionalidades { margin:0 0 50px 10px; }
#menuFuncionalidades a { color:#666; text-decoration:none; margin-bottom:10px; display:block;}
#menuFuncionalidades img { vertical-align:middle; margin-right:10px;}


/*===========================================================
NOVEDADES HOME
============================================================*/
#novedadesHome { background:url(../imagenes/fondos/novedades.gif) no-repeat; height:175px;}
#novedadesHome h1 { font-size:12px; color:#000000; font-weight:bold; text-transform:uppercase; color:#666; border:none; margin:15px 0 10px 0; padding:0;}
#novedadesHome .columna1, #novedadesHome .columna2 { float:left; width:230px; padding:0 10px 0 20px;}
#novedadesHome p{ text-align:justify; font-size:11px;}
#novedadesHome .columna3 {}

/*===========================================================
MENU SECUNDARIO
============================================================*/
#menuSecundario {background:white; width:180px; float:right; margin:0; margin-top:70px;} 
#menuSecundario a { 
text-decoration:none; color:#fff; border-bottom:1px solid #7f7f7f; display:block; padding:7px 0 7px 10px; width:164px; text-transform:uppercase; font-size:10px; margin:0; background:white;border-right:3px solid #7f7f7f; background:#9d9d9d; border-left:3px solid #7f7f7f;}
#menuSecundario a:hover {color:#000; background:#7f7f7f;}
#menuSecundario .submenuSeleccionado {
color:#000; border-bottom:1px solid #7f7f7f; display:block; padding:7px 0 7px 13px; width:164px; text-transform:uppercase; font-size:10px; margin:0; background:white;border-right:3px solid #7f7f7f;}


/*===========================================================
WEBMAIL
============================================================*/
#webmail 				{width:164px; margin:0 auto 20px auto; color:#666666; clear:both; background:#eee; border-bottom:1px solid #7f7f7f; border-right:3px solid #7f7f7f; padding:30px 5px 5px 5px; border-left:3px solid #7f7f7f;}
#webmail h1				{font-size:11px; font-weight:normal; padding:0; margin:0 0 7px 0; color:#666666;}
#webmail input 			{width:74px; background:white;}
#webmail p				{font-size:11px; font-weight:normal; padding:0; margin:0;}
#webmail .usuario 		{width:75px; float:left;}
#webmail .clave 		{width:75px; float:right;}
#webmail .boton 		{width:100%; text-align:right;}
#webmail .boton input	{width:40px; background:#999; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; margin:7px 0 0 0;}


/*===========================================================
COLUMNAS
============================================================*/
#contenedorColumnas {background:url(../imagenes/fondos/contenedorcolumnas2.gif) repeat-y; margin-top:30px; border-bottom:1px solid #7f7f7f;}
#columnaPrincipal {border-top:1px solid #7f7f7f; text-align:justify;}
#columnaPrincipal p, #columnaPrincipal h1,#columnaPrincipal h2,#columnaPrincipal h3,#columnaPrincipal h4,#columnaPrincipal h5,#columnaPrincipal h6  { margin-left:40px; margin-right:40px;}
#columnaPrincipal p {  }
#columnaPrincipal ul { margin-right:40px;  }
/*
#columnaPrincipal img { visibility:hidden; height:0px;}
*/

/*===========================================================
PIE
============================================================*/
#pie { background:#eee; border-bottom:1px solid #7f7f7f; }


/*===========================================================
CONTACTO
============================================================*/
#formcontacto input{ border:1px solid #7f7f7f; background:#eaeaea; font-size:12px; width:100%; height:20px;}
#formcontacto .boton input{background:#006699; width:60px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; margin:20px 0 0 0; float:right; height:30px;}
#formcontacto textarea{ border:1px solid #7f7f7f; background:#eaeaea; font-size:12px; width:100%; }