@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300');
@import url('http://fonts.googleapis.com/css?family=Oxygen:400,300');
@import url('http://fonts.googleapis.com/css?family=Varela');

html {
	font-family: sans-serif;	
	font-size:100%;
 	line-height:1em;
 	min-width: 480px;
}

html, .foot, .topBorder {
	background-color:#E8E8E8;
	border-color:#E8E8E8;
}

body {
	margin:0;
	padding:0px;
	border:0px;
	color:#191919;
	color:#333;
	background:#fff;
}

.bodyPadding {padding:20px 27px 20px 27px;}
@media screen and (max-width: 1024px) {.bodyPadding {padding:2.5%;}}

html, div, form, img {
	margin:0px;
	padding:0px;
	border:0px;
	border-style:none;
}

html, body {display:block; text-align:center; /* div IE6 fix*/ }

img { /* image resizable - need floatL/R or set max-width */
	max-height:100%; height:auto;
	max-width:100%; width:100%;
	margin-left:auto;
	margin-right:auto;
}

h1, h2 { 
	line-height:1.2em;
	margin:0 0 10px 0;
	text-align:left;
	font-family: 'Oxygen', sans-serif;
	font-size:120%;
	font-weight:400; 
	color:#000;
}

h2 {font-size:105%;}

p, .empresas_pymes {font-size:84%;}

p, li {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align:left;
	list-style-type:square;
}

/* normalize fonts */
a,
.dropdown li a:hover, .dropdown li ul li a:hover,
.pg-index p a:hover {
	font-weight:normal;
	text-decoration:none;
	background-color:inherit;
	color:#007BA6;
}

a:hover {text-decoration:underline; color:#002744;}

em {color:red; text-decoration:normal; font-weight:normal; font-style:normal;}

.centered {max-width:1180px; margin-right:auto; margin-left:auto;}

.floatLeft0 {float:left;text-align:left;margin:0;padding:0;}
.floatRight0 {float:right;text-align:right;margin:0;padding:0;}
.floatLeft {float:left;}
.floatRight {float:right;}
.floatL {float:left;}
.floatR {float:right;}

.textL {text-align:left;}
.textC {text-align:center;}
.textR {text-align:right;}

.padding0 {padding:0px;}

.margin0 {margin:0;}
.margin5 {margin:5px;}
.margin10 {margin:10px;}
.margin20 {margin:20px;}
.margin30 {margin:30px;}

.marginT0 {margin-top:0px;}
.marginT5 {margin-top:5px;}
.marginT10 {margin-top:10px;}
.marginT15 {margin-top:15px;}
.marginT20 {margin-top:20px;}
.marginT30 {margin-top:30px;}

.marginR0 {margin-right:0px;}
.marginR5 {margin-right:5px;}
.marginR10 {margin-right:10px;}
.marginR20 {margin-right:20px;}

.marginB0 {margin-bottom:0px;}
.marginB5 {margin-bottom:5px;}
.marginB10 {margin-bottom:10px;}
.marginB20 {margin-bottom:20px;}
.marginB30 {margin-bottom:30px;}

.marginL0 {margin-left:0px;}
.marginL5 {margin-left:5px;}
.marginL10 {margin-left:10px;}
.marginL20 {margin-left:20px;}

.clearBoth {clear:both;}

.clBlock {display:block;}
.cinline {display:inline;}

.green1 {background-color:#CAFFA6;}
.red1 {background-color:#FFD6D1;}

.white {color:#fff;}
.white:hover {color:#6DBDFF;}
.alert {color:#FF1F15;}
.note {font-style: normal;margin-left:5px; }

.font2 {
	font-family:'Oxygen', sans-serif;
	font-size:100%;
	font-weight:400;
	line-height:1.4em;
}
.fontBold {font-weight:bold;}

.pg-index p, .pg-index p a {color:#000; text-transform:uppercase;}
.pg-index p {margin:7px 0 0 0;padding:0; font-size: 75%;}


/* start menu dropdown */
.dropdownContainer { 
	min-height:50px; 
	float:left;
	background-color:#fff;
}

.dropdownContainer ul{padding-top:10px;}

.dropdown li {font-size:1em;}

.dropdown li a, .dropdown li ul li a {
	color:#000;
	font-family: 'Varela', sans-serif;
	font-weight: 400;
	font-size:95%;
}
/* end menu dropdown */


.divide {
	background-color:#73A11D;
	width:100%;
	max-height: 300px;
	margin:0;
	padding: 3.5% 0 3.5% 0;
}

.topBorder{
	max-width:1600px; margin-right:auto; margin-left:auto;
	border-style:solid;
	border-width:5px 0 0 0;
}

.bodyLeft0 {width:25%; float:left;}
.bodyRight0 {width:75%; float:right;}
.bodyLeft1 {width:75%; float:left;}
.bodyRight1 {width:25%; float:right;}
.bodyLeft2 {width:47.5%; float:left;}
.bodyRight2 {width:47.5%; float:right;}
.bodyLeft3 {width:65%; float:left;}
.bodyRight3 {width:35%; float:right;}
.bodyLeft4 {width:25%; float:left;}
.bodyRight4 {width:75%; float:right;}
.floatL2R {float:left;}
.vMarginR20 {margin-right:20px;}
.vMarginL20 {margin-left:20px;}
.vTransition {clear:both;}
@media screen and (max-width: 640px) {.bodyLeft0, .bodyRight0 {width:100%; float:none;}
	.bodyLeft0 div {margin:0;}
	h1 {font-size: 100%}
	.floatL2R {float:right}
	.vMarginR20 {margin-right:0;}
	.vMarginL20 {margin-left:0;}
	.vTransition {clear:none;}
}
@media screen and (max-width: 640px) {.bodyLeft1, .bodyRight1 {width:100%; float:none;}}
@media screen and (max-width: 800px) {.bodyLeft2, .bodyRight2 {width:100%; float:none;}}
@media screen and (max-width: 840px) {.bodyLeft3, .bodyRight3 {width:100%; float:none;}}
@media screen and (max-width: 800px) {.bodyLeft4, .bodyRight4 {width:100%; float:none;}}

.foot {
	display:inline-block;
	width:100%;
	margin-top: 50px;
	padding: 20px 0 30px 0;
}

.servicio_tecnico_3col {
	float:left; 
	width:33.3%;
	margin:20px 0 20px 0;
}

.mantenimiento_pc {float:center; max-width:300px; margin:0 auto 10px auto;}

.informatica_pymes {float:none; margin-bottom: 15px;}
.informatica_pymes tr td img {width:64px;float:left;}
.informatica_pymes tr td div {width:200px;}
.informatica_pymes tr td div img {width:200px;float:left;margin-left: 5px;}
.informatica_pymes tr td {text-align:right;min-width:64px;}
.informatica_pymes tr td p {color:#000; font-size: 98%; font-family:'Oxygen',sans-serif;}

.servicio_remoto {float:right;}
.tecnico:hover {opacity:0.85;}
.tecnico a img {width:128px; margin:0 0 0 8px;}

@media screen and (max-width: 1024px) {.tecnico a img {max-width:96px;} }

@media screen and (max-width: 850px) {
	.tecnico a img {max-width:128px; margin:0;clear:both; }
	.servicio_remoto {float:none;}
}

.clInfoItem {
	padding:5px 10px 10px 0;
	text-align:left;	
}

.player-actualizar-precios {
	width:660px; /* resize fix */
	margin:0 auto 0 auto;padding:0;
}


/* start Lists */

.sitemap a {font-size: 90%}
.sitemap ul li  {margin:12px 0 12px 0;}
.mejor_gestion_comercial, .mejor_servicio_tecnico_remoto {
   list-style-type:none;
   list-style-image:url(dat/item.png);
   padding-bottom:5px;
   line-height:1.3em;
   margin: 20px 0 20px 0;
}
/* end Lists */

.descargar {
	text-align:center;
	margin:30px 6% 30px 6%; padding:10px;
	border-style:solid;
	border-width:0px;
	font-size:110%;
	border-color:#BDD4EB;
	background-color:#DBFFE1;
}
.descargar a:hover, .hoverOpacity a:hover {opacity:0.85;}
.descargar a img {width:192px;opacity:0.90;}
.smaller ul li {font-size:75%; margin:15px 0 15px 0;}
.smaller p, .smaller li {
	font-family:'Droid Sans Mono','andale mono','monotype.com','lucida console','bitstream vera sans mono','monospace';
	font-weight:normal;
	color:green;
}


.line-solid {
	margin: 5px 2px 5px 2px;
	padding:0px;
	border-top:1px solid #BDD4EB;
}

.line-dotted {
 	background:transparent url(dat/dot.png) repeat-x bottom left;
	margin:0;
	padding:5px 0 5px 0;
}

.table1 {
    border-width: 0px 0px 0px 0px;
    border-collapse: separate;
    border-spacing: 8px 8px;
}
.table1 td {
	border:0px solid #fff;
 	margin:0;
    padding: 0;
}
.table1margins1 {margin-left:-8px; margin-right:-8px; margin-bottom:30px;}
.table1 thead tr td {vertical-align:top;padding:0 7px 0 7px;}
.table1 thead tr td h1 {margin-bottom:3px;}
.table1 td p {
    margin:0;
    padding:15px 7px 15px 7px;
}

.cells1 tbody {background-color:#DCDCDC;}

.w24 img {width:24px;}
.w96 img {width:96px;}
.w128 img {width:128px;}


.servicios_informaticos {
	max-width: 180px;
	min-width: 110px;
}

.abonos td {vertical-align:middle;}
.abonos td p img {margin:0;}


/* Social networks ************************/
.widget {
		float: right;
		margin-right: 0;
		width: auto;
	}
.widget_sociallinks img{
	width: 45px;
	height: 45px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(70%);
	-moz-filter: grayscale(70%);
	-o-filter: grayscale(70%);
	-ms-filter: grayscale(70%);
}
.widget_sociallinks a:hover img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}
.widget-area {
	float: right;
	margin-right: 0;
}
/******************************************/