/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('css/reset.css');

/* Styles */

body {background-color:#ebebeb; font-family:"Arial", Helvetica, sans-serif; font-size:0.9em;}

#wrapper {width:990px; position:relative; margin-left:auto; margin-right:auto;}

/* Header */

body.page-template-homepage-php #header-wrapper, body.page-template-default #header-wrapper, body.single #header-wrapper, body.archive #header-wrapper, body.archive #header-wrapper, body.page-template #header-wrapper {width:990px; position:relative; margin-left:auto; margin-right:auto; background-image:url(images/bg-wrapper.png); }

body.page-template-homepage-php #bg-header, body.page-template-default #bg-header, body.single #bg-header, body.archive #bg-header, body.page-template #bg-header {background-image:url(images/bg-homepage-header.png); background-repeat:no-repeat; width:986px; height:410px; margin-left:auto; margin-right:auto;} 


/* Footer */

#footer {background-image:url(images/bg-footer.png); background-repeat:no-repeat; width:986px; height:154px; position:relative; margin-left:auto; margin-right:auto;}
#footer div.box {padding:14px; float:left; width:320px; height:107px; margin-right:34px; background-image:url(images/bg-footer-box.png); background-repeat:no-repeat; color:#FFF;}
   
#footer div.margin {padding:16px;}

#footer div.box a {color:#21bfdd; text-decoration:none; font-weight:bold; font-size:1.2em;}
#footer div.box a:hover {color:#0dd2f7;}

#footer div.box h4 {font-size:1.3em; color:#FFF; margin-bottom:4px;} 
#footer div.box p {margin-bottom:14px; font-size:0.8em;}
#footer div.box p.telefono {margin-bottom:0; font-size:1em; font-weight:bold;}

/* Container Homepage */

body.page-template-homepage-php #container, body.single #container, body.archive #container, body.page-template #container  
{background-image:url(images/bg-content-wrapper.png); background-repeat:no-repeat; background-repeat:repeat-y; margin-top:-22px;}

body.page-template-homepage-php #closing-container, body.single #closing-container, body.archive #closing-container, body.page-template #closing-container 
{background-image:url(images/bg-closing-container.png); background-repeat:no-repeat; height:78px;} 



/* Container Page */

body.page-template-default #container {background-image:url(images/bg-page-content-wrapper.png); background-repeat:no-repeat; background-repeat:repeat-y; margin-top:-22px; padding-bottom:30px; min-height:400px;}


#header h1 a {background-image:url(images/bg-logo.png); width:237px; height:89px; background-repeat:no-repeat; display:block; float:left;}
#header h1 a span {display:none;}

#header div.padding {padding:25px;} 

#header #blog-description {background-image:url(images/bg-tagline.png); background-repeat:no-repeat; width:319px; height:50px; float:right; margin-top:14px;}
#header #blog-description span {display:none;} 



#content {font-size:0.9em;}

/* Content Page */

#content-spacer {width:700px; text-align:justify;}

body.page-template-default #content {padding-top:40px; padding-left:26px; padding-right:26px; line-height:1.4em;}
body.page-template-default #content h2 {font-size:2em; border-bottom:1px solid #d1d1d1; color:#434242; margin-bottom:26px; padding-bottom:8px;}

body.page-template-default #content a {color:#0d84b9;}
body.page-template-default #content a:hover {color:#1099d6;}

body.page-template-default #content h3 {color:#1099d6; margin-bottom:15px; font-size:1.6em; line-height:1.1em;} 
body.page-template-default #content p {margin-bottom:20px; font-size:1.1em;}
body.page-template-default #content ul {margin-bottom:20px;}

#content #col2-1 {float:left; width:670px; padding-left:26px; padding-top:40px; padding-right:20px; display:inline;}
 
#content #col2-2 {float:left; padding-top:40px; width:240px; color:#FFF; display:inline; padding-left:15px; padding-right:15px;} 

#content #col2-2 a {color:#FFF;}

#content #col2-2 h3 {font-size:1.8em; margin-bottom:16px;}
#content #col2-2 div.widget {margin-bottom:25px;}

#content #col2-2 div.unete-al-equipo a {background-image:url(images/banner-unete-al-equipo.jpg); background-repeat:no-repeat; width:240px; height:127px; display:block;}
#content #col2-2 div.unete-al-equipo a span {display:none;} 

#content #col2-2 div.archivo {}
#content #col2-2 div.archivo ul {font-size:1.2em;}
#content #col2-2 div.archivo ul li {margin-bottom:6px; }
#content #col2-2 div.archivo ul li a {text-decoration:none; background-image:url(images/bg-bullet.jpg); background-repeat:no-repeat; padding-left:25px; background-position:0 50%;}
#content #col2-2 div.archivo ul li a:hover {text-decoration:none; background-image:url(images/bg-bullet-hover.jpg); background-repeat:no-repeat;
padding-left:25px; background-position:0 50%; color:#c3c3c3;}

#content #col2-2 div.casos-de-exito {}
#content #col2-2 div.casos-de-exito a {text-decoration:none;}
#content #col2-2 div.casos-de-exito p {margin-bottom:10px;} 
#content #col2-2 div.casos-de-exito p.continuar-leyendo a {color:#21BFDD; font-weight:bold; text-decoration:underline;}
#content #col2-2 div.casos-de-exito p.continuar-leyendo a:hover {color:#0dd2f7;}

#content #col2-2 div.social {}
#content #col2-2 div.social ul.facebook-twitter li {margin-bottom:8px;}
#content #col2-2 div.social a.twitter {background-image:url(images/btn-twitter.jpg); background-repeat:no-repeat; width:160px; height:27px; display:block;}
#content #col2-2 div.social a.facebook {background-image:url(images/btn-facebook.jpg); background-repeat:no-repeat; width:160px; height:27px; display:block;}
#content #col2-2 div.social a span {display:none;}
#content #col2-2 div.social a.rss {background-image:url(images/btn-rss.jpg); background-repeat:no-repeat; width:114px; height:28px; display:block;}

#content #col2-2 h4 {margin-bottom:5px; font-size:1.2em;} 

#content #col2-1, #content #col2-2 {line-height:1.1em;}
#content #col2-1 h2 {margin-bottom:18px;  color:#434242; text-decoration:none; font-size:1.8em; line-height:1em;}
#content #col2-1 h2 a {color:#434242; text-decoration:none; font-size:1.1em; line-height:1em;}

#content #col2-1 h3 {margin-bottom:10px;  color:#434242; text-decoration:none; font-size:1.4em; line-height:1em;}
#content #col2-1 h3 a {color:#434242; text-decoration:none; font-size:1.1em; line-height:1em;} 


#content #col2-1 p {margin-bottom:15px; text-align:justify; line-height:1.4em;}

#content #col2-1 ul, #content #col2-1 ol {margin-bottom:15px; line-height:1.4em;}

#content #col2-1 ol {list-style:decimal; margin-left:20px;}

#slideshow .placeholder {width:940px; height:202px; position:relative; margin-left:auto; margin-right:auto;}
#static {width:940px; height:155px; position:relative; margin-left:auto; margin-right:auto;}
 
div.entry-date {color:#686868; font-size:1em; margin-bottom:8px;}

#content #homepage-box {background-image:url(images/bg-homepage-box.png); background-repeat:no-repeat; width:670px; height:132px; padding:15px; padding-bottom:0;}
#content #homepage-box h2 {color:#424242; font-size:1.3em; margin-bottom:10px;}
#content #homepage-box p {color:#313131; line-height:1.2em;}
#content #homepage-box div.left {float:left; width:36%; background-image:url(images/icon-tolerancia.png); background-repeat:no-repeat; background-position:top left; margin-right:20px;}
#content #homepage-box div.right {float:left; width:36%; background-image:url(images/icon-recuperacion.png); background-repeat:no-repeat; background-position:top left;}
#content #homepage-box div.left, #content #homepage-box div.right {padding-left:62px;}
#content #homepage-box a {color:#21bfdd; font-weight:bold;}
#content #homepage-box a:hover {color:#0dd2f7;}

a.leer {background-image:url(images/btn-leer.png); background-repeat:no-repeat; width:74px; height:21px; display:block;}
a.leer span {display:none;}

#content img.alignright {float:right; margin-left:25px; margin-bottom:25px;}
#content img.alignleft {float:left; margin-right:25px; margin-bottom:25px;}
 

/* MENU */


#access li.page-item-66 {display:none;}

#access .menu-header,
div.menu {
	margin: 0 auto;
	width: 100%;
}
#access {
	display: block;
	float: left;
	margin: 0 auto;
}
#access .menu-header,
div.menu {
	margin-left: 20px;
	width: 100%;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	display: block;
}
#access ul ul {
	display: none;
	position: absolute;
	top: 34px;
	left: 0;
	float: left;
	width: 250px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 250px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	height: auto;
}

#access ul li:hover > ul {
	display: block;
}


.menu ul {background-image:url(images/bg-menu.png); background-repeat:no-repeat; width:946px; height:34px; position:relative; margin-left:auto; margin-right:auto;}
.menu ul li a {text-decoration:none; color:#565656; font-size:1.1em; background-image:url(images/bg-menu-divider.png); background-position:top right; background-repeat:no-repeat; height:25px; padding-left:20px; padding-right:20px; padding-top:9px;}

.menu ul.children {background-image:none;background-color:transparent;border:0;padding:0;margin:0;}
.menu ul.children li { background-color:#424242;}
.menu ul.children li:hover { background-color:#5a5a5a; } 
.menu ul.children li a {color:#fff; padding:10px; font-size:13px; background-image:none; }
.menu ul.children li a:hover { color:#FFF; }


/* HEADINGS */

h3#archivo-de-noticias {background-image:url(images/headings/title-archivo-de-noticias.gif); background-repeat:no-repeat; width:190px; height:20px;}
h3#archivo-de-noticias span {display:none;}

h3#casos-de-exito {background-image:url(images/headings/title-casos-de-exito.gif); background-repeat:no-repeat; width:145px; height:24px;}
h3#casos-de-exito span {display:none;}

h3#siguenos {background-image:url(images/headings/title-siguenos.gif); background-repeat:no-repeat; width:92px; height:25px;} 
h3#siguenos span {display:none;}

/* SOLUCIONES */

#marcas {padding-top:20px;}

/* ACERCA DE PANDATA */

div.clientes { padding-bottom:30px;}

/* ADMINISTRACION DE SISTEMAS */

#administracion-de-sistemas {}

#administracion-de-sistemas #microsoft-windows-server {background-image:url(images/administracion-de-sistemas/logo-microsoft.jpg); background-position:0 50%;}
#administracion-de-sistemas #correo {background-image:url(images/administracion-de-sistemas/logo-correo.jpg); background-position:5% 50%; }
#administracion-de-sistemas #red-hat-linux {background-image:url(images/administracion-de-sistemas/logo-red-hat-linux.jpg); background-position:5% 50%;}
#administracion-de-sistemas #ambientes-virtuales {background-image:url(images/administracion-de-sistemas/logo-ambientes-virtuales.jpg); background-position:5% 50%;}

#administracion-de-sistemas #microsoft-windows-server, #administracion-de-sistemas #correo, #administracion-de-sistemas #red-hat-linux, #administracion-de-sistemas #ambientes-virtuales {background-repeat:no-repeat; padding-left:160px; }

/* EQUIPO HUMANO */

div.personal {background-color:#eeeeee; color:#2d2d2d; padding:14px; margin-bottom:10px;}
div.personal img {float:left; width:150px; height:152px; border:1px solid #d9d9d9; margin-right:14px;}
#content div.personal h3 {color:#3e3e3e; margin-bottom:0;} 
#content div.personal h4 {margin-bottom:16px;}


/* SOPORTE */

ul.features {}
ul.features li {background-image:url(images/bg-features.jpg); background-repeat:no-repeat; padding-left:40px; margin-bottom:12px;}

#content div.telefonos {height:80px;}
#content div.telefonos, #content div.correo, #content div.reportes {margin-bottom:30px;}
#content div.telefonos h3, #content div.correo h3, #content div.reportes h3 {color:#3E3E3E;}
#content div.telefonos h4, #content div.correo h4, #content div.reportes h4 {color:#1099d6; font-size:1.3em;}
#content div.correo p, #content div.reportes p {margin-bottom:5px;}

#content div.telefonos {background-image:url(images/soporte/bg-telefonos.jpg); background-repeat:no-repeat; padding-left:80px;}
#content div.telefonos div.left {width:50%; float:left;}
#content div.telefonos div.right {width:50%; float:right;}

#content div.correo {background-image:url(images/soporte/bg-correo.jpg); background-repeat:no-repeat; padding-left:80px;}
#content div.reportes {background-image:url(images/soporte/bg-reportes.jpg); background-repeat:no-repeat; padding-left:80px;}


/* POSTS */

div.post {margin-bottom:20px;}
div.post div.entry-content {line-height:1.2em;}

span.edit-link {display:block; margin-top:20px;}

div.entry-content ul li {background-image:url(images/icon-bullet.png); background-repeat:no-repeat; padding-left:20px; background-position:0 50%; margin-bottom:5px;} 

div.entry-content ol li {margin-bottom:5px;} 
div.entry-content a {color:#04a1fc;}



/* FIXES */

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}


.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}