@charset "utf-8";
/* CSS Document */

/* main */
body, html { margin:0; padding:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; line-height:0px; font-size:0px;}
.container { margin:0; padding:0; width:100%; font:normal 13px Arial, Helvetica, sans-serif; color:#505050; line-height:1.8em;}
h1 { margin:0; padding:0; float:left; font:bold 42px Arial, Helvetica, sans-serif; color:#535252;}
h2 { margin:0; padding:0 0 20px 0; font:normal 28px Arial, Helvetica, sans-serif; color:#2a97d2;}
h2.white { margin:0; padding:0 0 30px 0; font:normal 24px Arial, Helvetica, sans-serif; color:#fff;}
h3 { margin:0; padding:10px 0 0 0; font:bold 13px Arial, Helvetica, sans-serif; color:#2a97d2;}
a { color:#329bd4; text-decoration:underline;}
p { margin:0; padding:8px 0; line-height:1.8em;}

/* header1 */
.container_h1 { background:#cbebf6 url(images/header1_bg.jpg) repeat-x center;}
.header1 { margin:0 auto; padding:0; width:1000px;}
.header1 img.logo { margin:30px 0 25px 40px; padding:0; float:left; border:none;}
.searchdiv { margin:55px 30px 0 0; padding:0; float:right; text-align:right;}
.searchdiv span { float:left; height:22px; width:231px; background:url(images/search.gif) no-repeat top left; padding:0 10px;}
.searchdiv a{color:#535252;}
.search { margin:0; padding:4px 0; float:left; height:14px; width:231px; border:none; background:none; color:#505050;}
.search_btn { margin:4px 0 0 7px; padding:0; border:none; float:left;}
.header1 p { margin:45px 0 0 20px; padding:0 0 0 20px; float:left; width:220px; font:normal 13px Arial, Helvetica, sans-serif; color:#c4c4c4; border-left:2px solid #4b4b4b; line-height:1.6em;}
/* Iconos */
.service_shape{height: 256px;width: 223px;min-height: 256px;min-width: 223px;}
.service_shape a{display:none;}
.soporte_reel{background:url("pictures/soporte_reel.jpg") no-repeat scroll 0 0 #FFFFFF;}
.paginas_reel{background:url("pictures/paginas_reel.jpg") no-repeat scroll 0 0 #FFFFFF;}
.asesoria_reel{background:url("pictures/asesoria_reel.jpg") no-repeat scroll 0 0 #FFFFFF;}
.automatizacion_reel{background:url("pictures/automatizacion_reel.jpg") no-repeat scroll 0 0 #FFFFFF;}
.capacitacion_reel{background:url("pictures/capacitacion_reel.jpg") no-repeat scroll 0 0 #FFFFFF;}
.programacion_reel{background:url("pictures/programacion_reel.jpg") no-repeat scroll 0 0 #FFFFFF;}
.respaldos_reel{background:url("pictures/respaldos_reel.jpg") no-repeat scroll 0 0 #FFFFFF;}
.mantenimiento_reel{background:url("pictures/mantenimiento_reel.jpg") no-repeat scroll 0 0 #FFFFFF;}
.monitoreo_reel{background:url("pictures/monitoreo_reel.jpg") no-repeat scroll 0 0 #FFFFFF;}
/*molmos(2010-04-24):modificacion para que no aparezcan los iconos en una lista hacia abajo:*/
.slider_canvas li{
    display:none;
}

.slider_canvas .always_visible{
    display:block !important;
}
/* header2 index */
.container_h2i { background:#fff url(images/header2i_bg.jpg) repeat-x top center;}
.header2i { margin:0 auto; padding:0; width:1000px;}
.header2isub { margin:45px 0 20px 100px; padding:0; float:left; width:450px;}
.header2i h1 { margin:0; padding:0 0 20px 0; float:none; font:bold 32px Arial, Helvetica, sans-serif; color:#535252;}
.header2i h1 strong { font:bold 50px Arial, Helvetica, sans-serif; color:#009ad3;}
.header2i p { margin:0; padding:0; line-height:1.8em;}

/* menu */
.container_m { background:#1197d1 url(images/menu.gif) repeat-x top; height:88px;  margin:0 auto; padding:0;}
.menu {  margin:0 auto;  padding:0 0 0 100px; width:900px; }
.menu ul { margin:0; padding:0; float:left; list-style:none;}
.menu li { margin:0; padding:0; float:left;  font:normal 11px Arial, Helvetica, sans-serif; /*aline-height:12px;*/ border-right:1px solid #2b85ca; border-left:1px solid #42aedb;}
.menu a { float:left; margin:0; padding:38px 20px; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; line-height:12px; text-transform:uppercase;}
.menu a span { margin:0; padding:0;}
.menu a:hover { background:url(images/menu_active.gif) repeat-x top;}
.menu a:hover span { background:url(images/menu_active.gif) repeat-x top;}
.menu a.active { background:url(images/menu_active.gif) repeat-x top; font:bold 11px Arial, Helvetica, sans-serif; line-height:12px;}
.menu a.active span { background:url(images/menu_active.gif) repeat-x top;}

/* content */
.container_c { background:#fff url(images/content_bg.gif) top repeat-x;}
.content { margin:0 auto; padding:25px 50px 30px 50px; width:900px;}
.content img.left { margin:10px 25px 30px 0; padding:0; border:none; float:left;}
.content img.right { margin:10px 40px 40px 40px; padding:0; border:none; float:right;}
.content img.portfolio { margin:10px 25px 20px 0; padding:0; border:none; float:left;}
.content p.header { margin:0; padding:6px 0 0 0; width:560px; float:right;}
.content ul { margin:0; padding:0 0 20px 0; width:340px; list-style:none;}
.content li { margin:0; padding:0 0 0 25px; line-height:2.5em; background:url(images/li_circle.gif) no-repeat left; border-bottom:solid 1px #c9c9c9;}
.content li a { color:#505050; text-decoration:none;}
.content li a:active { color:#329bd4; text-decoration:underline;}
.content li a:hover { color:#329bd4; text-decoration:underline;}
.subcontent1 { margin:40px 0 0 0; padding:0;}
.subcontent1hr { margin:40px 0 0 0; padding:0 0 30px 0; border-bottom:1px solid #bcbcbc;}
.subcontent2 { margin:40px 30px 0 0; padding:0; float:left; width:420px;}
.subcontent2hr { margin:40px 0 0 0; padding:0 0 0 30px; float:left; width:415px; border-left:solid 1px #bcbcbc;}
.subcontent3 { margin:40px 0 0 0; padding:0; float:left; width:550px;}
.subcontent4 { margin:40px 0 0 60px; padding:0; float:left; width:275px;}
.subcontent5left { margin:20px 25px 0 0; padding:0; float:left; width:425px;}
.subcontent5right { margin:20px 0 0 25px; padding:0; float:left; width:425px;}
.subcontent5hr { margin:0; padding:20px 0; border-bottom:1px solid #bcbcbc;}
.subcontent6left { margin:40px 30px 0 0; padding:0; float:left; width:420px;}
.subcontent6right { margin:40px 0 0 30px; padding:0; float:left; width:420px;}

/* contact */
#contactform { margin:0; padding:0;}
#contactform * { color:#666;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:80px; padding:3px 10px; font:normal 12px Arial, Helvetica, sans-serif; color:#555e67; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #555e67; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #555e67; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:0; margin:0 0 0 100px; border:0; color:#FFF; float:left;}
#contactform li.buttons input.clear { padding:0; margin:0 0 20px 20px; width:54px; height:29px; float:left; background:url(images/btn_clear.gif);}
p.response { text-align:center; color:#2c2c2c; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
.obligatorio { color:rgb(192,0,0); }
/* subfooter */
.container_sf { background:#2c9bd4 url(images/subfooter_bg.gif) top repeat-x;}
.subfooter { margin:0 auto; padding:40px 50px 10px 50px; width:900px;}
.subfooter p { color:#fff; padding:0 0 15px 0;}
.subfooter a { color:#fff;}
.sfleftright { margin:0; padding:0; float:left; width:250px;}
.sfcenter { margin:0 35px 0 35px; padding:0 35px 0 35px; float:left; width:250px; border-left:solid 1px #1967bc; border-right:solid 1px #1967bc;}
p.quote { font:italic 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
p.author { font:normal 12px Arial, Helvetica, sans-serif; text-align:right; line-height:1.8em;}
img.twitter { margin:5px 0 0 80px; padding:0; border:none;}

/* footer */
.container_f { background:#242424 url(images/footer_bg.gif) top repeat-x;}
.footer { margin:0 auto; padding:35px; width:930px;}
.footermenu { margin:0; padding:0 10px; float:left; width:450px;}
.footer a { display:block; margin:0; padding:0 12px; float:left; color:#fff; text-decoration:none; border-right:solid 1px #575757;}
.footer a:hover { text-decoration:underline;}
.footer a:active { text-decoration:underline;}
.footer a.last { border:none;}
.footer p { margin:0; padding:0; color:#fff; text-align:right;}