@charset "utf-8";
/* CSS Document  */
#cabecera{height:92px;width:960px;}
#cabecera #c_top{height:62px;}
#cabecera #c_top #c_t_left{text-align:left;display:inline-block;float:left;padding-left:20px;}
#cabecera #c_top #c_t_left a.logo{margin-top:7px;display:block;}
#cabecera #c_top #c_t_right{text-align:right;display:inline-block;float:right;padding-right:20px;line-height:62px;}
#cabecera #c_top #c_t_right h4{float:left;margin:0 10px 0;}
#cabecera #c_top #c_t_right a{display:block;float:left;margin:15px 0 0 5px;}
#cabecera #c_bottom{height:30px;background:#4D4E53;line-height:30px;color:#fff;}
#cabecera #c_bottom #c_b_left{text-align:left;display:inline-block;float:left;padding-left:20px;}
#cabecera #c_bottom #c_b_left .today_now{color:#bbb;font-size:0.8em;}
#cabecera #c_bottom #c_b_right{text-align:right;display:inline-block;float:right;padding-right:20px;}
#cabecera #c_bottom #c_b_right a{font-family:swis,arial;color:#fff;text-transform:uppercase;font-weight:700;font-size: 1.1em;display:inline-block;margin-left:10px;text-shadow:1px 1px 1px #333;}
#cabecera #c_bottom #c_b_right a strong{color:#666;}
#cabecera #c_bottom #c_b_right a:hover strong{color:#F3963B;}
#cabecera #c_bottom #c_b_right a.active strong{color:#F3963B;}
#subcabecera{background:#F4F4F4;height:385px;padding:0;width:960px;}
#subcabecera a.boton{-moz-border-radius:5px;-webkit-border-radius:5px;background:#B72A37;border-radius:5px;color:#fff;display:block;float:right;font-weight:700;margin:10px;padding:5px 10px}
#subcabecera h1{color:#fff;font-size:1.5em;mnargin:10px 0;text-align:right}
#subcabecera p{font-size:0.9em;line-height:20px;margin:0 0 0 388px;width:530px}
#titular{width:960px;padding:0 7px;background:url(../img/fondo_main.png) top left repeat-y;margin:0 auto;position:relative;}
#titular h1{background:#FB7E36;border-bottom:1px solid #FCA45C;border-top:#FB6D29 solid 4px;width:960px;text-indent:20px;}
#titular ul.inicio {margin:0 0 0 20px; padding:0; list-style:none;}
#titular ul.inicio li{display:inline-block;}
#titular ul.inicio li a{color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; display:block; width:180px;font-size:0.8em;line-height:20px; background:url(../img/servicio.png) left 3px no-repeat; text-indent:20px;}
#titular.inicio h1{background:#4D4E53;border-top:4px solid #34353A;border-bottom:1px solid #34353A;}
#titular .mantenimiento{background:#2E8082;border-bottom:1px solid #4BA3A6;border-top:4px solid #1D6C70;}
#titular .networking{background:#89C341;border-bottom:1px solid #ABD56E;border-top:4px solid #79BA35;}
#titular .redes{background:#89C341;border-bottom:1px solid #ABD56E;border-top:4px solid #79BA35;}
#titular .voip{background:#45B17A;border-bottom:1px solid #75C7A1;border-top:4px solid #3AA568;}
#titular .software{background:#494677;border-bottom:1px solid #79739E;border-top:4px solid #3D3862;}
#titular .equipamiento{background:#FB7E36;border-bottom:1px solid #FCA45C;border-top:4px solid #FB6D29;}
#titular .blog{background:#FB7E36;border-bottom:1px solid #FCA45C;border-top:4px solid #FB6D29;font-size:1.8em;}
#inicio{background:url(../img/fondo_main.png) top left repeat-y #fff;height:210px;margin:0 auto;padding:20px 27px;width:920px}
#inicio p.servicio{width:450px;margin:0 10px 15px 0;float:left}
#inicio.inicio {background:url(../img/fondo_main.png) top left repeat-y #f6f6f6;overflow:hidden;}
#inicio.inicio p{float:left; width:500px;}
#inicio.empresa {background:url(../img/fondo_main.png) top left repeat-y #F5EDE9;}
#inicio.equipamiento {background:url(../img/fondo_main.png) top left repeat-y #F5EDE9;}
#inicio.online {background:url(../img/fondo_main.png) top left repeat-y #E9E7F4;}
#inicio.online a{color:#494677;}
#inicio.online a:hover{background:#494677; color:#fff;}
#inicio.mantenimiento {background:url(../img/fondo_main.png) top left repeat-y #EAF6F6;}
#inicio.mantenimiento a{color:#2E8082;}
#inicio.mantenimiento a:hover{background:#2E8082; color:#fff;}
#inicio.telefonia {background:url(../img/fondo_main.png) top left repeat-y #E9F5EF;}
#inicio.telefonia a{color:#45B17A;}
#inicio.telefonia a:hover{background:#45B17A; color:#fff;}
#inicio.networking {background:url(../img/fondo_main.png) top left repeat-y #E9F0E0;}
#inicio.networking a{color:#89C341;}
#inicio.networking a:hover{background:#89C341; color:#fff;}
#inicio.contacto p{margin:0 0 10px 0;}
#inicio.contacto h2{margin:0 0 10px 0;}
#inicio.contacto ul{margin:0;padding-left:15px; float:left;}
#inicio.contacto ul.derecha{margin:0 0 0 50px;padding-left:15px; float:left;}
#inicio .servicios{float:left;height:342px;width:192px;}
#inicio .servicios h2{color:#fff;font-size:1.6em;font-weight:700;line-height:87px;margin:0 0 10px;text-align:center;text-shadow:#4a4a4a 1px 1px 2px;text-transform:uppercase}
#inicio .servicios h2:first-child{margin:0 0 2px}
#inicio .servicios h2 a{color:#fff;}
#inicio .servicios ul{list-style:none;margin:0;padding:0 0 0 10px}
#inicio .servicios ul li a{font-size:0.9em;color:#fff;display:block;height:26px;line-height:26px;text-decoration:none}
#inicio .servicios ul li a:hover{color:#F63;}
.servicios_clave {float:left; width:230px; margin-left:10px;}
.servicios_clave h2 {margin-bottom:10px;}
.servicios_clave h3 {margin-bottom:10px;}
.servicios_clave a {background:url(../img/tick.png) center left no-repeat; line-height:24px; text-indent:20px; display:block; color:#5d5d5d; font-family:Segoe UI,Arial,Helvetica,sans-serif; text-decoration:none;}
.servicios_clave a:hover {color:#F16528;}
.otros_servicios {float:left; width:230px; margin-left:10px; padding-top:37px;}
.otros_servicios h2 {margin-bottom:10px;}
.otros_servicios a {background:url(../img/tick_grey.png) center left no-repeat; line-height:24px; text-indent:20px; display:block; color:#5d5d5d; font-family:Segoe UI,Arial,Helvetica,sans-serif; text-decoration:none;}
.otros_servicios a:hover {color:#F16528;}
#cuerpo{background:url(../img/fondo_main.png) top left repeat-y #EFEFEF;height:auto;margin:0 auto;padding:20px 27px;width:920px; overflow:auto;}
#cuerpo h2.rojo {color:#C30; text-align:center;}
#cuerpo h3{margin:20px 0;}
#cuerpo h3:first-child{margin: 0 0 20px 0;}
#cuerpo a.banner{display:block;background:#BB4309;padding:20px;font-size:1.4em;text-align:center;margin:20px 0; color:#fff;font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-weight:700;text-shadow: #4a4a4a 1px 1px 2px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#cuerpo a.banner:hover{background:#F45D18;}
#cuerpo a.link{background:#3399CC;padding:20px;font-size:1.4em;text-align:center;margin:20px 0; color:#fff;font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-weight:700;text-shadow: #4a4a4a 1px 1px 2px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#cuerpo a.link:hover{background:#5CADD6;}
#cuerpo a.lbanner{display:inline-block;background:#BB4309;padding:5px 10px;font-size:1.2em;text-align:center;margin:20px 5px; color:#fff;font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-weight:700;text-shadow: #4a4a4a 1px 1px 2px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#cuerpo .page_controls{text-align:center;display:block;}
    
#cuerpo .colder{float:right;width:246px;margin-left:10px;}
#cuerpo .destacado{float:right;overflow:auto; margin:0 0 10px 0; border:3px solid #ddd; width:234px; color:fefefe;background:#f9f9f9;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#cuerpo .destacado h3{line-height:40px;margin-bottom:0;color:#fff;text-indent:10px;text-shadow: #4a4a4a 1px 1px 2px;}
#cuerpo .destacado form{ padding:10px;overflow:auto; }
#cuerpo .destacado input[type=text]{width:212px;border:0;padding:0;height:24px;text-indent:5px;background:#fff;color:#555;font-size:0.85em;}
#cuerpo .destacado #btn_form_info{padding:0 10px;font-size:1.3em;text-shadow: #4a4a4a 1px 1px 2px;font-weight:700;line-height:30px;float:left;display:block;color:#fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
#cuerpo .destacado.equipamiento{background:#FB7E36;border-color:#FB6D29;}
#cuerpo .destacado.equipamiento h3{background:#FB6D29;}
#cuerpo .destacado.equipamiento #btn_form_info{background:#FB6D29;font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-weight:700;}
#cuerpo .destacado.voip{background:#45B17A;border-color:#3AA568;}
#cuerpo .destacado.voip h3{background:#3AA568;}
#cuerpo .destacado.voip #btn_form_info{background:#3AA568;font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-weight:700;}
#cuerpo .destacado.software{background:#494677;border-color:#3D3862;}
#cuerpo .destacado.software h3{background:#3D3862;}
#cuerpo .destacado.software #btn_form_info{background:#3D3862;font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-weight:700;}
#cuerpo .destacado.redes{background:#89C341;border-color:#79BA35;}
#cuerpo .destacado.redes h3{background:#79BA35;}
#cuerpo .destacado.redes #btn_form_info{background:#79BA35;font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-weight:700;}
#cuerpo .destacado.mantenimiento{background:#2E8082;border-color:#1D6C70;}
#cuerpo .destacado.mantenimiento h3{background:#1D6C70;}
#cuerpo .destacado.mantenimiento #btn_form_info{background:#1D6C70;font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-weight:700;}
#cuerpo .destacado #btn_form_info:hover{background:#333;}
#cuerpo #btn_solicitar_info{float:right;}

#cuerpo .col { margin-right:10px;}
#cuerpo .uno_s{width:220px;}
#cuerpo .dos_s{width:450px;}
#cuerpo .tres_s{width:680px;}
#cuerpo .cuatro_s{width:920px;margin-right:0;}
#cuerpo .f_left{float:left;}
#cuerpo .f_right{float:right;}
#cuerpo table{width:auto;border:1px solid #bbb;margin-bottom:20px;}
#cuerpo table tr th{line-height:30px;background:#ccc; text-align:left; padding:5px;}
#cuerpo table tr td{height:30px; padding:5px; color:#5d5d5d; line-height:15px;}
#cuerpo form{}
#cuerpo form label{font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-size:1.2em; font-weight:700; width:80px; margin-right:10px;display:block; margin-bottom:10px;float:left;text-align:right; line-height:26px; color:#333;}
#cuerpo form input[type=text]{font-size:1.2em; border:1px solid #efefef; width:350px; margin-bottom:10px;float:left;text-indent:5px; color:#666; height:24px;}
#cuerpo form textarea{float:left; width:815px; border:1px solid #efefef; font-family: Arial, Helvetica, sans-serif; font-size:1.2em; height:100px; color:#666; padding-left:5px;}
#cuerpo form a.boton{cursor:pointer;font-family:Myriad "Myriad Pro", Arial, Helvetica, sans-serif;font-size:1.2em; line-height:30px; font-weight:700;border:1px solid #efefef; float:right; margin-top:10px; background:#FB7E36; color:#fff;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; display:block; padding:0 10px; margin-right:10px;}
#cuerpo #col_right{float:right;width:240px;}
#cuerpo .destacado.blog{background:#fff;border-color:#FB6D29;z-index:1100;position:relative;}
#cuerpo .destacado.blog h3{background:#FB6D29;}
#cuerpo .destacado.blog ul{padding-left:25px;}
#cuerpo .destacado.blog ul li{font-size:1em;}
#cuerpo .destacado.twitter{border:0;width:240px;}
#cuerpo .twitter{}
#cuerpo .twitter h3{text-indent:0;letter-spacing:0;}
#cuerpo .twitter h4{letter-spacing:0;text-shadow: #4a4a4a 1px 1px 2px;}
#cuerpo .blog_post{padding-left:60px;position:relative;margin-bottom:20px;}
#cuerpo .blog_post h4{margin-bottom:5px;}
#cuerpo .blog_post p{margin-bottom:5px;}
#cuerpo .blog_post div.date{position:absolute;top:0;left:0;width:50px;height:50px;color:#fff;background:#F45D18;overflow:hidden;box-shadow:0px 1px 2px #888;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
#cuerpo .blog_post div.date span.d{line-height:24px;display:block;font-family:'Myriad Pro';font-size: 2.3em;font-weight: 700;text-align:center;padding:2px 5px;}
#cuerpo .blog_post div.date span.m{line-height:13px;display:block;font-family:'Myriad Pro';font-size: 1em;text-align:center;background:#BB4309;padding:2px 5px;border-bottom:1px solid #A83E0B;border-top:1px solid #CE4C0D;}
/*#cuerpo h1 .socials .fb-like{float:right;width:175px;}*/
/*#cuerpo h1 .socials iframe.twitter-share-button{float:right;width:175px;}*/
#cuerpo .post_title{border-bottom:1px dashed #ccc;padding-bottom:10px; z-index:1000;}
#cuerpo .post_title h2{margin-bottom:0;}
#cuerpo .socials{border:1px solid #ccc;padding:5px 20px;margin:10px 0;background:#EBEBEB;}
#cuerpo .socials h4{display:inline-block;margin:0 20px 0 0;float:left;line-height:24px;}
#titular #___plusone_0{position:absolute;top:35px;right:35px;}
/*#___plusone_0{position:absolute;top:35px;right:35px;}*/

#subpie{width:960px;height:50px;float:left;}
#pie{height:auto;padding:20px 20px 0;width:920px;color:#bebebe;background:#232323;}
#pie div.vcard{text-align:left;padding:1px 0 5px; margin-top:20px; font-size:0.8em;border-top:1px dashed #666;}
#pie div.vcard span{line-height:20px;}
#pie div.pie_col{float:left;height:auto;margin-right:20px;width:150px}
#pie div.pie_col ul{list-style:none;margin:0;padding:0}
#pie div.pie_col ul li{line-height:16px;}
#pie div.pie_col ul li a{color:#bebebe;font-size:0.7em}
#pie div.pie_col ul li a:hover{color:#F63}
#pie div.pie_col ul li:first-child{text-indent:0}
#pie div.pie_col ul li:first-child a{color:#fff;font-size:1em;font-weight:700; font-family:Segoe UI, Arial, Helvetica, sans-serif;}
#pie div.pie_col:first-child{margin-left:0}
#pie div.pie_col_right{float:right;height:auto;width:168px}
#pie div.pie_col_right ul{list-style:none;margin:0;padding:0}
#pie div.pie_col_right ul li{line-height:20px;text-align:right;}
#pie div.pie_col_right ul li:first-child{color:#fff;font-size:1.2em;font-weight:700; font-family:Segoe UI, Arial, Helvetica, sans-serif;}
#pie div.pie_col_right ul li a{font-size:0.8em;}
#pie div.pie_col_right ul li a img{float:right; margin-left:5px; margin-top:3px;}
#pie p{font-size:0.8em;}
#pie p a{color:#fff}
#pie p span{font-size:1.2em}
#pie .social{display:block;float:right;margin:4px 0 0 3px; outline:0;}
#pie a.social img{vertical-align:middle; border:0;}
#pie a.proveedor{display:block;float:right;margin:0 0 10px 20px;outline:0;}
#pie a.proveedor img{vertical-align:middle; border:0;}
#pie #aviso {position:fixed;bottom:10px; right:10px; background:#F45C10; color:#fff; width:220px; padding:0 10px 10px; outline:2px dashed #E1540D;overflow:hidden;}
#pie #aviso span{font-size:2.2em;font-family:'YanoneKaffeesatzBold';cursor:pointer;}
#pie #aviso p{color:#fff;line-height:normal;margin:5px 0 0;font-size:1em;}