@charset "iso-8859-1";
/* GENERAL */

body {margin:0;padding:0;background-color:#e1e1e1;}

a {color:#F60;outline:none;}
.clear {clear:both;}
.center {width:100%;margin:0 auto;text-align:center;}

#misc {margin:0;width:100%;height:100%;font-family:Arial, Helvetica, sans-serif;background:url(../images/bg1.png) 0 0 repeat-x;}
#contenedor {width:100%;min-width:920px;height:100%;margin:0 auto;background:url(../images/bg32.png) top center no-repeat;}
#top {height:50px;width:900px;margin:0 auto;background:url(../images/bgtop.png) top center no-repeat;}
#top #sociales {float:right;margin:10px;width:350px;}
#encabezado {width:900px;height:150px;margin:0 auto;background:url(../images/bg2.png) top left repeat-x;}
#logo {width:150px; height:150px; margin:0; padding:0; float:left; display:inline;}
#contenido {width:900px;margin:0 auto;}
#main {	width:800px;min-height:350px;margin:0 auto;padding:30px 50px 10px 30px;font-family:Georgia, "Times New Roman", Times, serif;text-align:justify;line-height:150%;font-size:small;}

/*HOME*/
#globos {position:absolute;left:100px;top:120px;}
#globos2 {position:absolute;right:100px;bottom:70px;}
#cumple4 {float:left;display:inline;padding-top:20px;}
#frase {float:left;display:inline;margin-left:40px;}

/* Staff */
#staff {width:600px;margin:0 auto;padding:0;}
#staff img {padding:50px 0 30px 0;margin:0;}
#staff p{width:600px;}
#staff #nombres {text-align:center;line-height:30px;margin:0 auto;}
#nombres img {padding:0 0 20px 20px;margin:0 auto;float:left;display:inline;}

/*Servicios*/
#menuservicios { background: url(../images/menuservicioso.png) 0 0 no-repeat; width:650px; height:50px; margin:0 auto; padding:0; }
#menuservicios li span { display: none; }  
#menuservicios li { float:left; list-style:none; position:relative; }  
#menuservicios li, #menuservicios a {  height:50px; width:100px; display:block; margin:0; padding:0; border:none;}
li#tabcomunicacion, li#tabmarketing, li#tabpublicidad, li#tabeditorial, li#tabeventos, li#tabcapacitacion { margin-bottom:8px; width:100px; }  
#tabcomunicacion a:hover { background:url(../images/menuservicioso.png) -25px  -50px no-repeat; margin-left:25px; }
#tabmarketing a:hover { background:url(../images/menuservicioso.png) -125px  -50px no-repeat; margin-left:25px; }
#tabpublicidad a:hover { background:url(../images/menuservicioso.png) -225px  -50px no-repeat; margin-left:25px; }
#tabeditorial a:hover { background:url(../images/menuservicioso.png) -325px  -50px no-repeat; margin-left:25px; }  
#tabeventos a:hover { background:url(../images/menuservicioso.png) -425px  -50px no-repeat; margin-left:25px; }  
#tabcapacitacion a:hover { background:url(../images/menuservicioso.png) -525px  -50px no-repeat; margin-left:25px; } 
#comunicacion ul, #marketing ul, #publicidad ul, #editorial ul, #eventos ul, #capacitacion ul{list-style-image: url(../images/bullet.gif);font-size:small;line-height:200%;}
#comunicacion h1, #marketing h1, #publicidad h1, #editorial h1, #eventos h1, #capacitacion h1{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;color:#000;font-variant:normal;padding-top:10px;}
.seccion {width:600px;margin:0 auto;}
.contenido {width:450px;float:left;display:inline;}
.title {width:150px;margin:0 auto;padding:30px 0;}
.caricatura {width:150px;float:right;display:inline;}
.cleft {width:200px; float:left; display:inline;}
.cright {width:200px; float:left; display:inline;}
#eventos ul{width:180px;}

/* PORFOLIO */
.caricatural { width:150px; float:left; display:inline; padding-top:100px; position:relative;}
#gclientes { width:500px; float:left; display:inline; line-height:normal; text-align:center; padding-bottom:50px; margin-left:10px; }
#gclientes img { width:100px; height:100px; margin:0; padding:0; border:none; outline:none; float:left;}
#gclientes ul { margin: 0 auto; width:420px; display:inline; list-style:none;}
.gcliente{ float:left; display:inline; width:100px; height:150px; margin:5px; padding:5px; background: #FFF; border: 1px #CCC solid; -moz-border-radius: 8px;}
.gcliente h3{ color:#F30; font: 11px Georgia, serif; font-weight:bold; padding:0px; margin:10px 0;}
.gcliente span{ font: 10px Georgia, serif; padding:0; margin:0;}

#vclientes { width:500px; float:left; display:inline; line-height:normal; text-align:center; padding-bottom:50px; margin-left:10px;}
#vclientes img { width:100px; height:100px; margin:10px auto; padding:0px; border:none; outline:none;}
#vclientes ul { margin: 0 auto; width:420px; display:inline; list-style:none;}
#vclientes object { float:right; margin:10px;}
.vcliente{ float:left; display:inline; width:450px; height:220px; margin:5px; padding:5px; background: #FFF; border: 1px #CCC solid; -moz-border-radius: 8px;}
.vcliente h3{ color:#F30; font: 11px Georgia, serif; padding:0px; margin:5px 0;}
.vcliente span{ font: 10px Georgia, serif; padding:0; margin:5px;}

#eclientes { width:600px; float:left; display:inline; line-height:normal; text-align:center; padding-bottom:50px; margin-left:10px;}
#eclientes img { width:150px; height:100px; margin:0px auto; padding:0px; border:2px #fff solid; outline:none; 
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
#eclientes ul { margin: 0 auto; width:580px; display:inline; list-style:none;}
.ecliente{ float:left; display:inline; width:150px; height:100px; margin:10px; padding:0px; background: #FFF; border: none;}
.ecliente h3{ color:#F30; font: 11px Georgia, serif; }
.ecliente span{ font: 10px Georgia, serif; padding:0; }

#cclientes { width:600px; float:left; display:inline; line-height:normal; text-align:center; padding-bottom:50px; margin-left:10px;}
#cclientes img { width:150px; height:100px; margin:0px auto; padding:0px; border:2px #fff solid; outline:none; 
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
#cclientes ul { margin: 0 auto; width:580px; display:inline; list-style:none;}
.ccliente{ float:left; display:inline; width:150px; height:100px; margin:10px; padding:0px; background: #FFF; border: none;}
.ccliente h3{ color:#F30; font: 11px Georgia, serif; }
.ccliente span{ font: 10px Georgia, serif; padding:0; }

#menuporfolio { background: url(../images/menuporfolioo.png) 0 0 no-repeat; width:620px; height:50px; margin:0 auto; padding:0px; }
#menuporfolio li span { display: none; }  
#menuporfolio li { float:left; list-style:none; position:relative; }  
#menuporfolio li, #menuporfolio a {  height:50px; width:140px; display:block; margin:0; padding:0; border:none;}
li#tabgraficayweb, li#tabvideos, li#tabpcapacitacion, li#tabpeventos { margin-bottom:8px; width:140px; }  
#tabgraficayweb a:hover { background:url(../images/menuporfolioo.png) -25px  -50px no-repeat; margin-left:-35px; }
#tabvideos a:hover { background:url(../images/menuporfolioo.png) -165px  -50px no-repeat; margin-left:-35px;}
#tabpeventos a:hover { background:url(../images/menuporfolioo.png) -305px  -50px no-repeat; margin-left:-35px;}
#tabpcapacitacion a:hover { background:url(../images/menuporfolioo.png) -445px  -50px no-repeat; margin-left:-35px;}
#graficayweb ul, #pvideos ul, #pcapacitacion ul, #peventos ul{list-style-image: url(../images/bullet.gif);font-size:small;line-height:200%;}
#graficayweb h1, #pvideos h1, #pcapacitacion h1, #peventos h1{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;color:#000;font-variant:normal;padding-top:10px;}

/* CONTACTO */
#ajax-contact-form { margin:10px 0;}
#precontacto { margin:5px; padding:5px; font: 11px Verdana, Helvetica, Arial, sans-serif; text-align:justify;}
.notification_error { border: 1px solid #990000; height: auto; width: 90%; padding: 4px; margin-left:5px; background: #ffcccc; text-align: left; -moz-border-radius: 5px; }
.notification_ok { border: 1px #006600 solid; height: auto; width: 90%; padding: 8px; margin-left:5px; background: #ccffcc; text-align: center;-moz-border-radius: 5px;}
.info_fieldset { width:370px; float:left; display:inline; -moz-border-radius: 7px; border: 1px #dddddd solid; }
.info_fieldset legend { margin-left:10px; border: 1px #dddddd solid; -moz-border-radius: 3px; color: black; font: 11px Verdana; padding: 2px 5px 2px 5px;}
.button { border: 1px solid #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; background: white; color: #333333; font: 11px Verdana, Helvetica, Arial, sans-serif; -moz-border-radius: 3px;}

/* Label */
label  { width: 120px; padding-top:5px; padding-left: 20px; margin: 0; float: left; text-align: left; font: 11px Verdana, Helvetica, Arial, sans-serif;
}

/* Input, Textarea */
input, textarea { margin: 5px; padding: 0px; float: left; border: 1px solid #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; color: #333333;  font: 11px Verdana, Helvetica, Arial, sans-serif; -moz-border-radius: 3px;}
.textbox { margin:5px 0; padding: 0;}
.info_sociales { width:370px; float:right; display:inline; -moz-border-radius: 7px; border: 1px #dddddd solid;}
.info_sociales img{ padding: 5px 20px; border:none; outline:none;}
.info_sociales a{ padding:15px 0 0 0; margin:0; color:#000; text-decoration:none; vertical-align: top; line-height:40px;}

/* Sociales */

#sociales { width:900px; margin:0 auto; height:25px; float:left; padding-bottom:0px; display:block; }
#social { background: url(../images/social.png) 0 0 no-repeat; width:350px; height:25px; margin:0 auto; padding:0; }
#social li span { display: none; }  
#social li { float:left; list-style:none; position:relative; }  
#social li, #social a {  height:25px; width:35px; display:block; margin:0; padding:0; border:none; outline:none;}
li#msn, li#skype, li#wordpress, li#youtube, li#gtalk, li#email, li#linkedin, li#twitter, li#facebook, li#flikr { margin-bottom:8px; width:35px; }  

#msn a:hover { background:url(../images/social.png) -0px  -25px no-repeat; }
#email a:hover { background:url(../images/social.png) -35px  -25px no-repeat; }
#gtalk a:hover { background:url(../images/social.png) -70px  -25px no-repeat; }  
#linkedin a:hover { background:url(../images/social.png) -105px  -25px no-repeat; }  
#facebook a:hover { background:url(../images/social.png) -140px  -25px no-repeat; }  
#twitter a:hover { background:url(../images/social.png) -175px  -25px no-repeat; }  
#skype a:hover { background:url(../images/social.png) -210px  -25px no-repeat; }  
#wordpress a:hover { background:url(../images/social.png) -245px  -25px no-repeat; }  
#youtube a:hover { background:url(../images/social.png) -280px  -25px no-repeat; }
#flikr a:hover { background:url(../images/social.png) -315px  -25px no-repeat; }

/* TOOLTIPS */
.tooltip { display:none; background:transparent url(../images/tooltip.png) no-repeat; font-size:13px; text-align:center; height:30px; width:250px; padding:30px 0px; color:#000; }