@charset "utf-8";
@import "reset.css";
/* Estructura */
body {
	margin:0px;
	padding:0px;
	background:#07609a url(../img/fondo.jpg) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
}
#wp {
	width: 976px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 auto;
	padding: 0 10px;
	/*border: 8px solid #075486;
 	border-top:none;
 	border-bottom:none;*/
	background:#07609a url(../img/wp-bg.jpg) repeat-x;
}
#header {
	background: url(../img/logo.png) no-repeat;
	height: 100px;
	position:relative;
}
#header a{
	border: none;
}
#header h3 {
	width: 158px;
	float:left;
	height: 90px;
	text-indent: -9999px;
}
#rsociales {
	float:right;
	width: 180px;
	z-index:500;
	position:relative;
}
#rsociales a {
	text-indent: -9999px;
	display:block;
	float:right;
	width: 26px;
	height: 26px;
	background: transparent url(../img/rsociales.png) no-repeat;
	background-position: 0 0;
	margin-left: 3px;
}
#menu {
	width: 600px;
	position: relative;
	top: 70px;
	left: 150px;
	float: right;
}
#menu li {
	float: left;
}
#menu a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 3px;
	margin: 0 5px;
	font-size: 12px;
	text-shadow: -1px 0 0 #075486;
}
#menu a:hover {
	color: #ACCEE5;
}
.cl {
	clear: both;
}
/* Contenido */

#contenido {
	width:976px;
	margin:10px 0  0;
}
#izquierda {
	width:727px;
	float:left;
	margin:0 20px 0 0;
}
#derecha {
	width:227px;
	float:left;
}
#derecha ul li {
	list-style:none;
}
.productos {
	width:727px;
	margin:5px 0 30px 0;
}
.productos h2 {
	padding:3px 0 0 10px;
	width:715px;
	background:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:27px;
	font-weight:normal;
	color:#FFF;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border:1px solid #1180ca;
	text-shadow:-1px 1px 1px #1180ca;
	margin:0;
	-moz-box-shadow:1px 1px 10px #055386;
	-webkit-box-shadow:1px 1px 10px #055386;
	box-shadow:1px 1px 10px #055386;
}
.productos h2 span {
	font-size:15px;
}
.capaprod {
	background: #fff;
	-moz-box-shadow:1px 1px 10px #000;
	-webkit-box-shadow:1px 1px 10px #000;
	box-shadow:1px 1px 10px #000;
}
.cuadro {
	width:200px;
	float:left;
	margin:20px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.cuadro img {
	width:200px;
}
.cuadro a {
	color:#ca2032;
	display:block;
	text-decoration:none;
}
.pordLogo {
	width:100px;
	position:relative;
	top:-80px;
	left:130px;
}
.prodText {
	color:#000;
	font-size:13px;
	position:relative;
	top:-72px;
}
.masinfo {
	left:110px;
	top:-100px;
}
.imagen {
	width:120px;
	position:relative;
}
/* ----------------------------------------------TABS-----------------*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #EEE;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #CCC;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background: #e0e0e0 url(../img/bg_tab2.jpg) repeat-x;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #FFF;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
	background: #fff url(../img/bg_tab.jpg) repeat-x;
	border-bottom: 1px solid #fff;
}
.tab_container {
	//border: 1px solid #EEE;
	border-top: none;
	overflow: hidden;
	padding-bottom:10px;
	clear: both;
	float: left;
	width: 100%;
	background: #FFF;
}
.tab_content {
	padding: 0px;
	font-size: 1.2em;
}
/*-----------------------------------------------------*/
/*****************************Sliding Menu*/
.icon_about, .icon_work, .icon_help, .icon_servicios, .icon_search, .icon_distribui, .icon_tiendanet, .icon_eventos, .icon_baseconocimientos{
	width:75px;
	height:68px;
	display:block;
	left:87px;
	top:14px;
	position:absolute;
}


.icon_about {
	background:transparent url(../img/botones/online.png) no-repeat top left;
	left:132px;
}
.icon_work {
	background:transparent url(../img/botones/clientes.png) no-repeat top left;
	left:132px;
}
.icon_distribui {
	background:transparent url(../img/botones/distribuidores.png) no-repeat top left;
	left:132px;
}
.icon_help {
	background:transparent url(../img/botones/intranet.png) no-repeat top left;
	left:150px;
	width:55px;
}
.icon_search {
	background:transparent url(../img/botones/cotiza.png) no-repeat top left;
	left:160px;
	width:47px;
}
.icon_servicios {
	background:transparent url(../img/botones/servicios.png) no-repeat top left;
	left:145px;
	width:62px;
}
.icon_tiendanet {
	background:transparent url(../img/botones/tiendanet.png) no-repeat top left;
	left:110px;
	width:95px;
	/*right:10px;
	width:175px;*/
}

.icon_eventos {
	background:transparent url(../img/botones/eventos.png) no-repeat top left;
	left:145px;
	width:62px;
}

.icon_baseconocimientos {
	background:transparent url(../img/botones/icon_baseconocimientos.png) no-repeat top left;
	left:145px;
	width:62px;
}

ul#bot {
	list-style:none;
	position:relative;
	top:0px;
	left:15px;
	font-size:36px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color:#999;
	letter-spacing:-2px;
	margin-bottom: 19px;
}
ul#bot li {
	/*float:left;*/
	margin:0px 10px 0px 0px;
}
ul#bot a {
	cursor:pointer;
	position:relative;
	float:left;
	line-height:20px;
	width:170px;
	text-decoration:none;
}
ul#bot span.title {
	display:block;
	height:10px;
	text-shadow:1px 1px 1px #000;
	color:#B7B7B6;
	text-indent:10px;
}
ul#bot span.description {
	width:185px;
	height:50px;
	/*background: -webkit-gradient(linear,left top,left bottom,from(#056eb2),to(#0b5c94)) !important;
 	background: -moz-linear-gradient(top,  #056eb2,  #0b5c94) !important;
 	background-color:#056eb2;*/
	background:#056eb2 url(../img/btn-bg.png) repeat-x;
	border:2px solid #056eb2;
	color:#fff;
	display:block;
	font-size:24px;
	padding:10px;
	-moz-box-shadow:1px 1px 10px #075486;
	-webkit-box-shadow:1px 1px 10px #075486;
	box-shadow:1px 1px 10px #075486;
	-moz-border-radius:0px 10px 0px 10px;
	border-radius:0px 10px 0px 10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align:left;
}
ul#bot a:hover span.description {
	background:#056eb2;
}
ul#bot a:hover span.title {
	color:#54504F;
}
#titNovedades {
	background:transparent url(../img/tab.png) no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight: 900;
	height:20px;
	padding:10px 10px 0;
	color: #FFF;
	margin:0 0 0 10px;
	text-transform: uppercase;
	/*border-radius:10px 10px 0 0;
	border:1px solid #1180ca;
	-moz-box-shadow:1px 1px 10px #055386;
	-webkit-box-shadow:1px 1px 10px #055386;
	box-shadow:1px 1px 10px #055386;*/
}
.imgNovedades {
	display: block;
	padding:0 3px 3px;
	border:1px solid #CCC;
	width: 202px;
	height: 253px;
	margin:0 0 19px 10px;
	background-color: #FFF;
	-moz-box-shadow:1px 1px 10px #055386;
	-webkit-box-shadow:1px 1px 10px #055386;
	box-shadow:1px 1px 10px #055386;
}
/* Footer */

#footer {
	background:#07446c;
	padding:0 0 20px;
}
#contFooter {
	width: 976px;
	margin:25px auto 10px;
	font-size: 12px;
	color: #FFF;
}
.mfooter {
	/*width: 146px;*/
	float: left;
	margin-right: 20px;
}
.mfooter h5 {
	font-weight: bolder;
	font-size: 16px;
	margin:0 0 8px 0;
	text-shadow: 1px 1px 0 #333;
}
.mfooter li {
	margin: 8px 10px;
	float: left;
}
.mfooter a {
	color: #FFF;
	text-decoration: none;
}
.mfooter a:hover {
	color: #accee5;
	text-decoration: underline;
}
#copy {
	width: 478px;
	/*float: right;
	min-height: 100px;
	text-align: right;*/
}
/**************************************MENU***/
ul.subm {
	position:absolute;
	z-index:999;
	display: none;
	border: 1px solid #306895;
}
li.sec {
	list-style:none;
	float:none !important;
	background-color: #FFF;
}
li.sec a {
	display:block;
	padding:8px 5px !important;
	width:200px;
	font-size:14px;
	color:#306895 !important;
	margin-top:0px;
	background-color: #FFF;
	text-shadow: none !important;
}
li.sec a:hover {
	background-color: #306895;
	color: #FFF !important;
}
/******************************************END MENU **/

#paginas{
	padding: 10px;
	border: 2px solid #306895;
	background: #ffffff;
}
.titsoluciones{
	height:50px;
	margin:0 auto;
	padding:0 0 5px 5px;
	font-family:"Arial";
	font-size:1.8em;
	font-weight:bolder;
	color:#000;
}
#info{
	border:1px solid #e1e1e1;
	margin:0 auto;
	background:#fff;
	display:block;
}
#info p{
background:#e1e1e1;
	height:35px;
	margin:10px;
	padding:5px 0 5px 5px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.8em;
	font-weight:bolder;
	color:#000;
}
p#in{
	height:auto;
	padding:10px;
	background:#fff;
	border:0;
	margin:0;
font-family:Arial;
	font-size:0.8em;
	font-weight:100;
	color:#000;
	display:block;
}
.soluciones{
	width:330px;
	float:left;
	position:relative;
	
}
.soluciones > ul > li{
	width:240px;	font-family:"Arial";
	font-size:16px;
	font-weight:normal;
	color:#404040;
	list-style:none;
}
.soluciones>ul>li>a{
	font-family:"Arial";
	font-size:16px;
	font-weight:normal;
	color:#404040;
	text-decoration: none;
}
.soluciones>ul>li>a:hover{color:#047CC3;}
.soluciones img{
	width:30px;
	border:none;
}
ul.soluciones{
	width:300px;
	margin-bottom:15px;
}
ul.soluciones li{
	font-family:"Arial";
	font-size:13px;
	font-weight:normal;
	color:#404040;
	list-style:url(../img/vinetita.png);
	list-style-position: inside;
}
#soft{background:#FFF url(../img/fondo_soft.jpg) no-repeat; padding:5px; margin:0 auto;overflow:hidden; border-bottom:1px solid #EEE;} 
.columna{width:300px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF;}
.columna h3{font-size:20px; padding:5px 15px; background:#3399cc; width:300px; margin-top:0px;}
h3#outsourcing{width:180px;padding:5px;float:right;margin:19px 0 0px;}
p#outsourcing{font-size:12px; float:right; text-align:right; width:180px; margin-top:0;}
.logos{margin:0 auto;}
.logos img{margin:0 20px;}




.producto{width:165px; border:1px solid #EEE; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:15px 10px 0 0;}
.producto img{height:120px;max-width:120px;margin:3px;}
.producto p{padding:8px;margin:0;}
.producto a{text-decoration: none;}
.producto .cat{background:#1691ca; color:#FFF; font-weight:800;}
.producto .nombre{background:#EEE; color:#0066CC;height:120px;}
#computo td{vertical-align:top;}
#computo .nombre{
	height:auto;
	font-size:9px;
}
.nombre img{width:80px; position:relative;top:5px;}
.mensaje{text-align:center;}
.bot_productos a{display:block;border-bottom:1px solid #FFF; width:170px; height:30px; background:#CCC; font-family:Verdana, Geneva, sans-serif;color:#FFF;padding:8px 5px;}
.bot_productos a:hover{background:#EEE;color:#0066CC;}

.soft{background:#FFF url(../productos/img/backgroundcompravenden.gif) repeat-x;width:320px; height:150px;margin:10px;padding:10px;font-family:Verdana, Geneva, sans-serif; border:1px solid #EEE;float:left;}
.soft img{width:100px;border:5px solid #FFF;float:left;margin:0 15px 10px 0;}
.soft>a>img{width:80px;border:none;}
.soft p{font-size:12px;}
.nbrSeccion{font-family:Verdana, Geneva, sans-serif; font-size:24px; color:#4D9ECD;margin:15px 0 15px 15px;}
.renta{padding:20px;font:12px "Trebuchet MS", Arial, Helvetica, sans-serif}
.renta span{font-weight:bolder; font-size:18px; color:#666}
.renta hr{border:1px solid #74C9FC;}

#menuv li {
	list-style: none;
}
#menuv ul {
	margin:0 0 19px 10px;
	padding: 0;
}

#menuv a {
	text-decoration: none;
	color: #07609a;
    background:#FFF;
	display: block;
	padding: 4px 4px;
	width: 200px;
	height: 40px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #EEE;
	font-size: 13px;
}
#menuv a:hover {
	background: transparent;
	color: #FFF;
}

/* Contacto */
#msgContacto{
	font-size: 14px;
	margin: 19px 0;
}
.cl400{
	width: 360px;
	float: left;
	
}
.cl400 fieldset{
	padding: 15px;
	border: 1px solid #EEE;
}
.cl400 legend{
	padding: 10px;
	border: 1px solid #EEE;
}
.cl400 label{
	display: block;
}
.cl400 input, .cl400 select{
	width: 300px;
	margin: 5px 0 19px; 0;
	padding: 5px;
}
.cl400 textarea{
	margin-bottom: 19px;
}
.cl400 h5{
	margin: 19px 0;
}
.button3{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
background: #0099CC url(../img/sprite-button3.jpg) repeat-x;
background-position: 0 -2px;
color:#f0f0f0;
font-family:arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:5px 25px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
border: 1px solid #267ed4;
}
.comentario{
	font-size: 10px;
	color: #333;
	margin-bottom: 19px;
}
.button3:hover{
background-position: 0 -30px;
color: #f1f1f1;
cursor: pointer;
}
#mapa{
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 8px;
	width: 300px;
}
#mensaje{
	float:right;
	width: 200px;
}
#mensaje p{
	background: #e2efdb url(../img/ok.gif) no-repeat;
	background-position:3px 20px;
	font-size: 12px;
	color: #167608;
	border: 1px solid #c5d7c1;
	padding: 5px 5px 5px 34px;
}
#mensaje p span{
	display: block;
}
#cotizacion fieldset{
	border:1px solid #ddd;
	margin-top:25px;
	padding:20px;
	font-family:arial,helvetica,sans-serif;
}

#cotizacion legend{
	border:1px solid #ddd;
	padding:5px;
}

#cotizacion textarea{
	margin:10px 0;
}

#cotizacion textarea:focus{
	background-color:#fefdd6;
}
#cotizacion input, #cotizacion select{
	padding: 5px;
    width: 280px;
}
#cotizacion input:focus{
	background-color:#fefdd6;
}
#cotizacion label{
	display:block;

}

#botoncarrito a{
	margin-left:70px;
	width:120px;
	padding:3px 10px 3px 10px;
	height:50px;
	display:block;
	background-image:-moz-linear-gradient(top, #49b3ed, #1e8cc4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#49b3ed', EndColorStr='#1e8cc4'); 
	background-image:-webkit-linear-gradient(#49b3ed, #1e8cc4); 
	-webkit-border-radius: 4px; /*borde de wp para cHrome*/
   -moz-border-radius: 4px;
	
}
#botoncarrito a:hover{
	background-image:-moz-linear-gradient(top, #70cb34, #4fa913);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#70cb34', EndColorStr='#4fa913');  
	background-image:-webkit-linear-gradient(#70cb34, #4fa913);  
}

.unete a  { width:384px; 
			height:78px; 
			margin-top:10px;
			margin-right:5px; 
			float:right;  
			border:1px solid #FFF; 
			overflow:hidden; 
			border-radius:15px; 
			background-image:url(../img/btnunete.png); 
			background-position:0px 0px;
			display:block;
			}

.unete a:hover{ background-position:-385px 0px;}


/***************/
	#caja_avisodeprovacidad{
		position:relative;
		width:185px;
		margin:25px;
		
	}
	a.avisodeprovacidad{
		width:140px;
		height:15px;
		display:block;
		float:right;
		border-bottom:7px solid #666;
		border-top:1px solid #666;
		border-right:1px solid #666;
		border-left:2px solid #fff;
		border-radius: 0px 6px 10px 0px;
		font-family: sans-serif;
		font-weight:bold;
		font-style:normal;
		font-size:12px;
		text-decoration:none;
		text-align:right;
		padding:12px;
		position:relative;
		color:#004f9f;
		background: #e2e2e2; /* Old browsers */
		background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
		-webkit-transition-property:all;
		-webkit-transition-duration:0.2s;
	}
	a.avisodeprovacidad:hover{
		background:#e2e2e2;
		color:#000;
		border-bottom:2px solid #666;
		top:7px;
		padding:11px 12px 11px 12px;
		box-shadow:inset 22px 0px 0px #b5b5b5;
	}
	span.avisodeprovacidad{
		background:#2f8ef0;
		padding:5px;
		position:absolute;
		left:-11px;
		top:0px;
		border-bottom:7px solid #145598;
		border-radius:6px 0px 0px 10px;
		z-index:2;
		border-right:1px solid #222;	
	}