/* 
===========================================
(c) 2009 Grupo INTERCOM 

hoja de estilos para IntercomAdSites.com

diseño web: www.blogalizate.com

==========================================
*/

body {margin:0; background:#eee; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height:1.2em;}
img {border: none;}
div.clear {clear: both;}
h1 {text-indent:-99999px;}
h2 {text-indent:-99999px;}
h3 { font-size:30px; color:#c42626; letter-spacing:-2px; margin:0; *margin:5px 0; !important;}

a:hover img{ filter: alpha(opacity=50) ; opacity: .5; }


a {color:#c42626; text-decoration:underline;font-weight:bold; outline: none;}
a:hover {color:#000; text-decoration:none; font-weight:bold; outline: none;}

/*  MAQUETACION BASICA 
============================================== */
#cab { width:100%; height:85px; background: #fff url(../img/bg-cab.png) repeat-x; margin: 20px 0 0 0;}
#contenido-cab {width: 960px; margin: 0 auto; }
#logo {width: 470px; margin: 0 0 0 20px; float:left; }
#contenido {width:100%; margin:0; background:#fff;}
#contenido-cuerpo {width:900px; margin: 0 auto; padding:20px; text-align:left; background:#fff;}
#pie {width:100%; height:81px; background:url(../img/bg-pie.png) repeat-x; clear:both;}

/*  MENU
============================================== */
#menu {width: 470px; height:85px; float: right; padding: 0; margin: -15px 0 0 0; *margin: 0 !important;}
#menu ul { list-style:none; height:85px;}
#menu ul li {float: left; margin: 0 0 0 0; padding:35px 2px; *padding:34px 2px 35px 2px !important; border-left: 1px dotted #eee; }
#menu ul li a {color: #fff; text-decoration:none; padding:35px 2px; *padding:34px 2px 35px 2px !important; }
#menu ul li a:hover {color: #fff; text-decoration:none; padding:35px 2px; background:#910223; }


/*  ANUNCIO
============================================== */
#anuncio {width:943px; margin: 20px auto; }

/*  NAVEGACION
============================================== */
#navegacion {margin: -10px 0 20px 0; font-size:11px; color:#000; letter-spacing:2px; }
#navegacion a {color:#000; text-decoration:underline;font-weight:bold; }
#navegacion a:hover {color:#c42626; text-decoration:none; font-weight:bold; }


/*  BARRA LATERAL
============================================== */
#barralateral {width: 300px; float:left; margin: 0;}


/*  ANUNCIANTES
============================================== */
#anunciantes {width: 248px; float: left; margin: 0 0 0 50px;}
#anunciantes p {padding: 0 8px;}


/*  WEBMASTERS
============================================== */
#webmasters {width: 248px; float: left; margin: 0 0 0 50px;}
#webmasters p {padding: 0 8px;}

/*  PIE
============================================== */
#txt-pie {width: 960px; margin:0 auto; text-align:left; padding:20px 20px 30px 0;}
#txt-pie ul{list-style: none;}
#txt-pie ul li {float: left; margin-right:30px;}
#txt-pie ul li a {color:#fff; text-decoration:none;}
#txt-pie ul li a:hover {color:#fff; text-decoration:underline; }
#logointercom { width:970px; margin:0 auto; text-align:right; clear:both;}
#blogalizate {width: 300px; float: left; text-align:left; font-size:11px; margin: 10px 20px;}
#blogalizate a {color:#AFAFAF; text-decoration:none;}
#blogalizate a:hover {color:#AFAFAF; text-decoration:underline; }


/*  CONTACTO
============================================== */
#contacto {float: left; width:370px;}
#datoscontacto { width:370px; float:right; margin: 0; border:1px dotted #9BC322; padding:20px;background:#9BC322; color:#fff; }
.inputcontacto {width: 250px; padding: 6px; border: 1px dotted #9BC322; background:#eee;}
.textareacontacto {width: 350px; padding: 6px; border: 1px dotted #9BC322; background:#eee; }
.btncontacto {width: 100px; padding: 6px; border: 1px dotted #9BC322; background:#9BC322; color:#000;}
.requerido { font-style:italic; font-size:11px; color:#333; }

/*  PROYECTOS
============================================== */
.proyectoweb {width: 870px; margin:0 auto; clear:both; padding:20px;}
.capturaweb {width: 300px; border:1px solid #eee; float:left; margin: 0 30px 8px 0;}