@charset "utf-8";
/* Idea Uno */

/* Generales
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, hr {
	margin:0;
	padding:0;
	cursor:default;
}
body {
	font:12px "Lucida Sans", "Lucida Grande", Tahoma, Geneva, sans-serif;
	text-align:center;
	white-space:normal;
	background:#397b98;
	color:#555;
}
a {
	font-weight:bold;
	text-decoration:none;
	color:#397b98;
}
a:hover, a:active {
	cursor:pointer;
	color:#397b98;
}
img {border:0;}	
table {border-collapse:collapse;}
ul,li {list-style-type:none;}
small{font-size:0.8em;}
*:focus {outline: none;}
/* no validan, pero podrían ser necesarios
textarea {resize:none;}
button::-moz-focus-inner {border: 0;}*/


/* Estructura
------------------------------------------------------------------*/
#mainWrapper, #footerWrapper {
	width:100%;
	clear:both;
	position:relative;
	z-index:1;
}
#mainWrapper, #headerOver {
	background: url(../images/background2.png) repeat-x 0px -30px;
}
#header, #main, #footer, #upper {
	width:960px;
	margin:0 auto;
}
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.dn {display:none;}
.ac {text-align:center;}

/* Header
------------------------------------------------------------------*/
#upper {height:100%;}
#upper a {
	float:right;
	width:140px;
	height:30px;
	line-height:30px;
	background-image:url(../images/layout.png)!important;
	background-image:url(../images/layout8.png);
	background-position:-3330px -50px;
}
#upper a:hover { text-decoration:underline;}
#headerOver {
	width:100%;
	height:30px;
	right:0;
	position:absolute;
	text-align:right;
	z-index:2;
}
#header {
	height:245px;
	background:url(../images/top.png) no-repeat 0 30px;
	position:relative;
}
#headerLogo, #headerMenu {
	float:left;
	margin-top:100px;
}
#headerLogo {	
	width:450px;
	height:145px;
	overflow:hidden;
	background:url(../images/logo.png);
}
#headerMenu {
	width:490px;
	height:86px;
	padding:59px 0 0 10px;
}
/*------------- Menu -------------*/
ul#menuList {}
li#menuHome, li#menuServices, li#menuCustomers, li#menuContact {
	float:left;
	text-transform:uppercase;
	margin-right:1px;
}
li#menuHome a, li#menuServices a, li#menuCustomers a, li#menuContact a {
	background-image:url(../images/layout.png)!important;
	background-image:url(../images/layout8.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
li#menuHome a {background-position:-1920px 0;}
li#menuServices a {background-position:-2036px 0;}
li#menuCustomers a {background-position:-2152px 0;}
li#menuContact a {background-position:-2268px 0;}
li#menuHome a:hover {background-position:-2390px 0;}
li#menuServices a:hover {background-position:-2506px 0;}
li#menuCustomers a:hover {background-position:-2622px 0;}
li#menuContact a:hover {background-position:-2738px 0;}
/*li#menuHome a:active, */
li#menuHome a.active {background-position:-2860px 0;}
li#menuServices a:active {background-position:-2506px 0;}
li#menuServices a.active {background-position:-2976px 0;}
/*li#menuCustomers a:active, */
li#menuCustomers a.active {background-position:-3092px 0;}
/*li#menuContact a:active, */
li#menuContact a.active {background-position:-3208px 0;}
li#menuHome, li#menuServices, li#menuCustomers, li#menuContact, li#menuHome a, li#menuServices a, li#menuCustomers a, li#menuContact a {
	display:block;
	width:115px;
	height:70px;
	line-height:38px;
}
#headerLogo span, li#menuHome a span, li#menuServices a span, li#menuCustomers a span, li#menuContact a span {margin-right:-9999px;}
/*li#menuHome a.active {cursor:default;}*/

li#menuServices ul, li#menuCustomers ul {}
div#servicesList {
	display:block;
	position:absolute;
	width:805px;
	left:51px;
	top:196px;
	z-index:2;
}
div#servicesListTop, div#servicesListMid, div#servicesListBot {
	display:block;
	width:100%;
	background-image:url(../images/layout.png)!important;
	background-image:url(../images/layout8.png);
}
div#servicesListTop {
	height:20px;
	background-position:-3330px -18px;
}
div#servicesListBot {
	height:10px;
	background-position:-3330px -36px;
}
div#servicesListMid {
	display:table;
	background-position:-4190px 0;
}
div#servicesListMid div {
	float:left;
	width:159px;
	border-left:1px solid #3d83a2;
}
div#servicesListMid ul li.relatedServices {
	display:block;
	width:143px;
	padding:5px 8px 10px 8px;
	margin-left:0!important;
	text-align:left;
	clear:both;
}
*:first-child+html div#servicesListMid ul li.relatedServices {margin-left:-16px!important;}
div#servicesListMid ul li.relatedServices span {
	display:block;
	height:28px;
	width:132px;
	padding:3px 4px;
	color:#28657F;
	font-weight:bold;
	background-image:url(../images/layout.png)!important;
	background-image:url(../images/layout8.png);
	background-position:-3970px -46px;
}
div#servicesListMid ul li.relatedServices ul li {padding:1px 0 3px 0;}
div#servicesListMid ul li.relatedServices ul li a {
	display:inline-block;
	width:100%;
	padding:3px 0;
	color:#eee;
	font-weight:normal;
	font-size:11px;
	line-height:13px;
}
div#servicesListMid ul li.relatedServices ul li a:hover {
	color:#fff;
	text-decoration:underline;
}

/* Main
------------------------------------------------------------------*/
#mainWrapper {
	background-position:0 0;
	background-color:#d1e9f4;
}
#main {
	background:url(../images/layout.png)-960px 0 repeat-y !important;
	background:url(../images/layout8.png) -960px 0 repeat-y;
}
#mainContainer {
	display:block;
	width:900px;
	padding:0 20px 20px 20px!important;
	padding:0 0 20px 0;
	min-height:400px;
	height:auto!important;
	height:400px;
	margin:0 auto;
	text-align:left;
}
#mainContainer div.hr {
	width:840px;
	height:15px;
	margin:5px auto;
	clear:both;
	background:url(../images/layout.png) -3330px 0 no-repeat !important;
	background:url(../images/layout8.png) -3330px 0 no-repeat;
}
#mainContainer div.hr hr {display:none;}
#mainContainer a:hover {text-decoration:underline;}
#mainContainer .imageHeader {
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:10px;
	background-image:url(../images/headers4.png)!important;
	background-repeat:no-repeat;
	margin-bottom:0;
}
#mainContainer .imageHeader span {margin-left:-9999px;}
/*-------------- Content ---------------*/
#mainContainer p, #mainContainer h1, #mainContainer h2, #mainContainer h3, #mainContainer h4, #mainContainer h5, #mainContainer h6 {margin-bottom:13px;}
#mainContainer h1 {font-size:24px; line-height:28px;}
#mainContainer h2 {font-size:20px; line-height:22px;}
#mainContainer h3 {font-size:14px; line-height:16px;}
#mainContainer h4 {font-size:13px; line-height:15px;}
#mainContainer h5 {font-size:12px; line-height:14px;}
#mainContainer h6 {font-size:11px; line-height:13px;}
#mainContainer p {line-height:1.3em;}
#mainContainer p.highlight {
	padding:10px;
	color:#2b5d73;
	background:#c5e4f2;
}
#mainContainer li {padding:4px 0;}
#mainContainer a, #mainContainer label {font-weight:bold;}
#mainContainer table, #mainContainer img {margin-bottom:10px;}
#mainContainer input {margin-top:3px;}
#mainContainer label {
	display:inline-block;
	padding-top:13px;
	width:100%;
}
#mainContainer ul {
/*	margin:10px 0;*/
	padding-left:10px;
}
#mainContainer ul li {
	list-style-type:square;
	color:#28657F; /*color:#ffaf44;*/
	line-height:1.2em;
}

#mainContainer ul li.list-title big{
	color: #F67D33;
}

#mainContainer ul li span, #mainContainer ul li strong, #mainContainer ul li em {color:#28657f;}

/*------------- Containers -------------*/
.fullColumn, .mediumColumn, .smallColumn {
	display:block;
	height:auto;
	margin:10px 20px 10px 20px!important;
	margin:10px 15px 10px 15px;
}
.fullColumn {width:860px;}
.mediumColumn {width:560px;}
.smallColumn {width:260px;}
.cyanBlock .topColumn, .cyanBlock .midColumn, .cyanBlock .botColumn,
.skyBlock .topColumn, .skyBlock .midColumn, .skyBlock .botColumn,
.blueBlock .topColumn, .blueBlock .midColumn, .blueBlock .botColumn
{background-image:url(../images/content.png);}
.topColumn, .botColumn {
	width:100%;
	line-height:5px;
	font-size:5px;
	background-repeat:no-repeat;
}
.topColumn {height:30px;}
#mainContainer .topColumn .imageHeader {
	height:100%;
	padding:0;
}
.botColumn {height:8px;}
.midColumn {padding:15px;}

.mediumColumn.cyanBlock .topColumn {background-position:-1040px 22px;}
.mediumColumn.cyanBlock .midColumn {background-position:-1600px 0;}
.mediumColumn.cyanBlock .botColumn {background-position:-1040px -8px;}
.mediumColumn.blueBlock .topColumn {background-position:-2160px 22px;}
.mediumColumn.blueBlock .midColumn {background-position:-2720px 0;}
.mediumColumn.blueBlock .botColumn {background-position:-2160px -8px;}
.mediumColumn.skyBlock .topColumn {background-position:-3280px 22px;}
.mediumColumn.skyBlock .midColumn {background-position:-3840px 0;}
.mediumColumn.skyBlock .botColumn {background-position:-3280px -8px;}

.smallColumn.cyanBlock .topColumn {background-position:0 22px;}
.smallColumn.cyanBlock .midColumn {background-position:-260px 0;}
.smallColumn.cyanBlock .botColumn {background-position:0 -8px;}
.smallColumn.blueBlock .topColumn {background-position:-520px 22px;}
.smallColumn.blueBlock .midColumn {background-position:-780px 0;}
.smallColumn.blueBlock .botColumn {background-position:-520px -8px;}

.cyanBlock a {color:#368eb4;}
.cyanBlock a:hover {color:#397b98;}
.cyanBlock strong {color:#444;}
.blueBlock {color:#e5f6ff;}
.blueBlock a {color:#ffcf3b;}
.blueBlock a:hover {color:#ffbd1d;}
.blueBlock strong {color:#fff;}

.midColumn input.inputText {
	border:none;
	margin-top:3px;
	background-color:transparent;
	background-image:url(../images/form.png);
	width: 210px;
	padding-left: 5px;
	padding-right: 5px;
}
.midColumn textarea {
	border:none;
	margin-top:3px;
	background-color:transparent;
	background-image:url(../images/form.png);
	background-position: 0 -25px;
	width: 210px;
	height: 190px;
	padding: 5px;
	overflow: auto;
	resize: none;
}
.midColumn #alternate{
	background-image: url("../images/form2.png");
	background-position: 0 0;
	height: 96px;
}
.midColumn #phone{
	background-image: url("../images/phone.png");
	background-repeat: no-repeat;
	height: 18px;
	line-height:18px;
	padding-left: 25px;
	background-position: -1px 0;

}
.midColumn #mail{
	background-image: url("../images/mail2.png");
	background-repeat: no-repeat;
	height: 17px;
	line-height:17px;
	padding-left: 25px;
	margin-top: 5px;
}

.midColumn table.contactTable input#nombre, .midColumn table.contactTable input#nombre {}
.midColumn input.inputText {
	height:22px;
	line-height:22px;
}
.midColumn table.contactTable input.inputText {
	width:440px;
	padding:1px 5px;
	margin-bottom:5px;
	background-position:0 -225px;
}
.midColumn table.contactTable tbody tr td b {font-size:13px; color:#acd7ea;}
.blueBlock .midColumn input.inputText {background-position:0 0;}
.blueBlock .midColumn textarea {background-position:0 -25px;}
.blueBlock .midColumn textarea#comment {
	width:440px;
	height:190px;
	padding:5px;
	background-position:0 -250px
}
#thanksContact {
	/*min-height:500px;*/
	height:auto!important;
	height:500px;
}
/*headers*/
#mainContainer h1 {font-size:24px; line-height:28px;}
#mainContainer h2 {font-size:20px; line-height:22px;}
#mainContainer h2.especificService {font-size:18px;}
#mainContainer h3 {font-size:14px; line-height:16px;}
#mainContainer h4 {font-size:13px; line-height:15px;}
#mainContainer h5 {font-size:12px; line-height:14px;}
#mainContainer h6 {font-size:11px; line-height:13px;}
h1#ourServices {background-position:20px -25px}
h1#customers {background-position:20px -60px}
h1#contact {background-position:20px -88px}
h3#otherServices {background-position:12px -122px}
h3#contextualContact {background-position:0 -186px;}
h1#ourCustomers {background-position:10px -210px;}
h1#nuestraExperiencia {background-position:10px -883px;}
h2#informingYou {background-position:10px -240px;}
h2#aboutUs {background-position:10px -268px;}
h2#contactUs {background-position:10px -298px;}
h2#support {background-position:10px -326px;}

h1#elearning {background-position:-2px -365px;}
h1#streaming {background-position:-2px -405px;}
h1#develop {background-position:-2px -445px;}
h1#faq { background-position: -2px -915px;}
h1#corporative {background-position:-2px -485px;}
h1#web {background-position:-2px -525px;}
h1#nets {background-position:-2px -565px;}
h1#servers {background-position:-2px -605px;}
h1#security {background-position:-2px -645px;}
h1#support {background-position:-2px -685px;}
h1#reuniones {background-position:-2px -947px;}

h1#contactUs {background-position:10px -722px;}
h1#aboutUs {background-position:20px -760px;}

h3.serviceDetail {background-position:0 -160px}
h3.RAID{background-position:0 -795px}
h3.RAE {background-position:0 -829px}
h3.ONLINE {background-position:0 -861px}
.especificService {
	background-color:#b9dff0;
	padding:2px 0;
	color:#397b98;
	text-indent:5px;
}
.preguntaFaq {
	font-size:18px;
	background-color:#b9dff0;
	padding:2px 0;
	color:#397b98;
	text-indent:5px;
	margin-top: 30px;
}


/*Contextual Contact Form*/
#contextualContactForm {
	margin:-10px 20px 20px 20px!important;
	margin:-10px 10px 20px 10px;
}
#contextualContactForm input.inputText, #contextualContactForm textarea {
	width:210px;
	padding:1px 5px;
	font:12px Arial, Helvetica, sans-serif;
}
#contextualContactForm div.midColumn {padding-top:10px;}
#contextualContactForm textarea {height:198px;}
input.sendInput, input.resetInput {
	font-size:0;
	background-image:url(../images/form.png);
	background-color:transparent;
	height:28px;
	line-height:28px;
	width:77px;
	border:none;
	margin-top:10px;
	cursor:pointer;
}
input.sendInput {background-position:-221px 0px;}
input.resetInput {background-position:-221px -29px;}
input.sendInput:hover {background-position:-300px 0px;}
input.resetInput:hover {background-position:-300px -29px;}
/*General Contact Form*/
#contactForm {}

/*home*/
div#ourCustomers {
	margin:0 20px 20px 20px!important;
	margin:0 10px 20px 10px
}
div#ourCustomers div.midColumn {
	height:180px;
	padding:0;
}
div#costumerbackground, div.teambackground {background-image:url(../images/costumerbackground.png);}
#carousel-wrapper, #carousel-content .slide, #carousel-content .slide a {
	width:560px;
	height:180px;
}
#carousel-wrapper {overflow:hidden;}
#carousel-content {width:560px;} /*contenedor de los slide*/
#carousel-content .slide {/*float:left;*/}
#carousel-content .slide a {display:block; font-weight:normal;}
#carousel-content .slide a:hover {text-decoration:none;}
#carousel-content .slide a img {width:210px; height:180px; float:left; margin-bottom:0;}
#carousel-content .slide a div.imgDetail {width:320px; height:180px; float:left; padding-right:30px;}
#carousel-content .slide a div.imgDetail h2 {padding-top:50px; color:#397b98; font-size:20px; margin-bottom:5px;}
#carousel-content .slide a div.imgDetail span {color:#555; font-weight:bold;}

div#preferedCostumers {margin:15px 0 0 0!important;}
div#preferedCostumers div.midColumn {
	padding:5px 15px;
	min-height:69px;
	height:auto!important;
	height:69px;
}
div#preferedCostumers img {margin-right:5px; margin-bottom:0; width:80px;}

div#nuestraExperiencia {margin:15px 0 0 0!important;}
div#nuestraExperiencia div.midColumn {
	padding:5px 15px;
	min-height:69px;
	height:auto!important;
	
}


/*Nuestro Equipo*/

div.icons {
	float:right;
}

div.mediumColumn.ourTeam {margin:10px 0 15px 0!important;}


div.mediumColumn.ourTeam .topColumn {
	height:8px;
	line-height:8px;
	background-position:-3280px 0;
}
div.teambackground {
	display:block;
	width:530px;
	min-height:160px;
	height:auto!important;
	height:160px;
	background-repeat:no-repeat;
	background-position:0 20px;
}
div.teamImage {
	float:left;
	width:150px;
	height:160px;
	margin-top:-21px;
}
div.teamDescription {
	float:left;
	width:350px;
	clear:right;
	margin-left:30px;
}
/* Footer
------------------------------------------------------------------*/
#footerWrapper {
	height:150px;
	background:#397b98;
	overflow:hidden;
	font-size:11px;
	color:#0c3648;
}
#footer {
	height:70px;
	padding-top:10px;
	font-size:12px;
	color:#fafdfe;
	background:url(../images/layout.png) no-repeat !important;
	background:url(../images/layout8.png) no-repeat;
}


#footer p {margin:3px 0;}
#footer small {color:#d3eaf4;}


#global {
	margin-top:-30px;
}

a.footerlink {
	color: #0C3648;
	font-weight:normal;
	text-decoration:none;
	border-bottom: 1px dotted #0C3648;
}

a.footerlink:hover {
	border-bottom: 1px solid #0C3648;
}

.contenidoPost{
	padding: 0px 20px;
	font-family: Trebuchet MS;
	text-align: justify;
	margin-left:15px;
}

.contenidoPostPreview{
	padding: 0px 20px;
	font-family: Trebuchet MS;
	text-align: justify;
	margin-bottom:10px;
	margin-left:15px;
}

h4.tituloPost a{
	padding-left: 20px;
	background: url(../images/toggle_down.png) 0 1px no-repeat;
}

h4.tituloPost.active a{	
	background: url(../images/toggle_up.png) 0 1px no-repeat;
}

.verMas {
	font-size:10px;
	font-weight: normal;
}

.imagesFaq {
	vertical-align: middle;
}

/* Fancybox */
.dest_post_content { font-size: 12px; text-align: left;  }
.dest_post_content h2 { background: #C7E4F1; font-size: 16px; padding: 15px; margin: 0; font: normal 18px "Lucida Sans Unicode","Lucida Grande",sans-serif; color: #227A89; margin: 0; border-bottom: 1px solid  #E6E6E6; text-align: left;  }
.dest_post_content .the_content { background: #FFF url(../images/bkg_slider.png) repeat-x 0 -275px; border-top: 1px solid #A5AFB0; padding: 25px 50px; }
.dest_post_content .the_content p { margin: 5px 0 0; text-align: justify; }
.dest_post_content .the_content a { color: #006577; }
.dest_post_content h1 { background: #C7E4F1; padding: 2px; margin: 5px 0 10px 0; font: bold 14px "Lucida Sans Unicode","Lucida Grande",sans-serif; color: #227A89; border-bottom: 1px solid  #E6E6E6; text-align: left; }

ul.listaDescripcion li{
	padding-top: 10px;
}

ul.listaDescripcion li p{
	padding-left: 15px;
}

ul.listaDescripcion li span.titulo{
	color: #227AAF;
	text-transform: uppercase;
	font-weight: bold;
}

#indexColumn {
	height: 625px;
}