@charset "utf-8";
/* CSS Estructura Commit */

/* Home
------------------------------------*/
#cuadroa{width:441px; height:auto; padding-left:24px; padding-bottom:10px; float:left}
#cuadrob{width:520px; height:auto; padding-bottom:10px; float:left}

#ac-top{width:404px; height:36px; padding-left:20px; background:transparent url('../img/acuadro-top.png') no-repeat; line-height:36px; float:left}
#ac-cont{width:394px; height:auto; padding:15px 15px 0px 15px; background:transparent url('../img/acuadro-cont.png') repeat-y; float:left}
#ac-pie{width:424px; height:18px; background:transparent url('../img/acuadro-pie.png') no-repeat; float:left}

#bc-top{width:460px; height:36px; padding-left:50px; background:transparent url('../img/bcuadro-top.png') no-repeat; line-height:36px; float:left}
#bc-cont{width:495px; height:auto; padding:15px 0px 0px 15px; background:transparent url('../img/bcuadro-cont.png') repeat-y; float:left}
#bc-pie{width:510px; height:18px; background:transparent url('../img/bcuadro-pie.png') no-repeat; float:left}

#h-scroll{width:460px; height:125px; overflow:scroll; float:left}

#noth{float:left;}
#noth li{float:left; list-style:none; width:450px; padding:0px 0px 10px 0px; border-bottom:solid 1px #C5E2E4; margin-bottom:10px}

/* Quienes
------------------------------------*/
#quie-ca-top{width:722px; height:30px; background:transparent url('../img/quie-ca-top.png') no-repeat; float:left}
#quie-ca-cont{width:662px; background:transparent url('../img/quie-ca-cont.png') repeat-y; padding:0px 30px 0px 30px;  float:left}
#quie-ca-pie{width:722px; height:30px; background:transparent url('../img/quie-ca-pie.png') no-repeat; float:left}

#cuad-quie{width:368px; float:left}
#cuad-quie2{width:355px; float:left}
#quie-cb-top{width:323px; height:30px; background:transparent url('../img/quie-cb-top.png') no-repeat; padding-left:30px; color:#FFF; line-height:30px; font-size:13px; float:left}
#quie-cb-cont{width:293px; min-height:130px; background:transparent url('../img/quie-cb-cont.png') repeat-y; padding:20px 30px 0px 30px; float:left}
#quie-cb-pie{width:353px; height:30px; background:transparent url('../img/quie-cb-pie.png') no-repeat; float:left}
#form{width:650px; padding:0px;  float:right; font:normal 11px Arial; color:#000}
.cel_a1{background-color:#DFEFFF; padding:2px 0px 2px 5px}
.campo_a1{width:160px; height:15px;}
.select_a1{width:160px; font:normal 11px Arial;}

/* Soluciones - Software / Hardware
------------------------------------*/
#btn-sol{width:734px; float:left; font-size:13px}
#btn-sol li{float:right; list-style:none; width:118px; height:35px; display:block; color:#FFF; line-height:35px; background:transparent url('../img/btn-sol2.png') no-repeat top; text-align:center; margin-right:5px}
#btn-sol li a{float:right; list-style:none; width:118px; height:35px; display:block; color:#FFF; line-height:35px; background:transparent url('../img/btn-sol.png') no-repeat top; text-align:center; font-size:13px}
#btn-sol li a:hover{float:right; list-style:none; width:118px; height:35px; display:block; color:#427B97; line-height:35px; background:transparent url('../img/btn-sol.png') no-repeat top; text-align:center; font-size:13px}

#sol-c1{float:left; width:192px; padding-left:35px; padding-right:25px; font:normal 15px Arial; color:#235088}
#sol-c2{float:left; width:735px;}
#sol-c3{float:left; width:965px; padding-left:25px; padding-bottom:20px; padding-top:25px}

#vli{float:left; padding-left:15px}
#vli li{ list-style-image:url(../img/vineta-yell.gif); padding-bottom:15px}

#sol-descr{float:left; padding-left:35px; padding-top:20px; width:600px;  text-align:justify; background-color: #fdfdfd;}
#sol-left{width:252px; height:150px; background:transparent url('../img/fondo-solimg.gif') no-repeat top right; float:left}

/*soluciones-acordeon*/
.solac-top{width:928px; height:45px; background:transparent url('../img/top-cuad-sol.png') no-repeat; padding:0px 0px 20px 25px; color:#FFF; font-size:15px; line-height:55px; float:left}
.solac-cont{padding:0px 45px 20px 45px; float:left}
.solac-pie{width:953px; height:20px; background:transparent url('../img/pie-cuad-sol.png') no-repeat; float:left}

/* Clientes
------------------------------------*/
#clie-cuad{float:left; width:965px; padding-left:25px; padding-bottom:20px;}
#clie-titulo{padding:19px 0px 0px 38px; width:204px; height:35px; background:transparent url('../img/fondo-titulo.png') no-repeat right bottom; float:left}

/*soluciones-acordeon*/
.clie-top{float:left; width:950px; height:25px; background:transparent url('../img/cclie-top.png') no-repeat}
.clie-cont{float:left; width:950px;}
#clie-log{float:left; width:218px; padding-right:45px; text-align:center}
#clie-txt{float:left; width:655px; text-align:justify}
.clie-pie{float:left; width:950px; height:25px; background:transparent url('../img/cclie-pie.png') no-repeat}




#clie-ca-top{width:700px; height:40px; background:transparent url('../img/clie-c-top.png') no-repeat; float:left; padding:0px 0px 0px 22px; color:#FFF; font-size:15px; line-height:45px}
#clie-ca-cont{width:682px; background:transparent url('../img/quie-ca-cont.png') repeat-y; padding:0px 20px 0px 20px;  float:left}

#clieli{float:left; padding-top:20px}
#clieli li{float:left; list-style:none; display:block; width:165px; padding-right:5px; padding-bottom:30px; text-align:center; min-height:80px}

/* Servicios
------------------------------------*/
#serv-txt{float:left; width:97%; text-align:justify; padding-bottom:15px;}


/* Mapa del site
------------------------------------*/
.sitelista {	
	margin: 0px; float:left; padding-top:4px; color: #447899;
}
.sitelista li{float:left; list-style:none; width:560px; padding:15px 0px 10px 0px; border-bottom:solid 1px #C5E2E4}

.sitesublista {	
	margin: 0px 0px 0px 10px; float:left; font:normal 12px Arial; color:#9CCEDA; padding-left:20px;
}
.sitesublista li{float:left; list-style:image url('../img/vin-map-subsub.gif'); border: 0px; padding:0px; }

#site-ccont{width:640px; height:auto; padding:0px 0px 10px 82px; background:transparent url('../img/notcuadro-cont.png') repeat-y; float:left}

.vinmap {
	float: right;
	margin: 0px;
}

/* Noticias
------------------------------------*/
#enc-titulo{padding:19px 0px 17px 38px; width:204px; height:35px; background:transparent url('../img/fondo-titulo.png') no-repeat right center; float:left}
#not-left{width:252px; height:230px; background:transparent url('../img/fondo-notimg.gif') no-repeat top right; float:left}
#not-der{width:730px; float:left; padding-bottom:20px}

#not-ctop{width:722px; max-height:70px; background:transparent url('../img/notcuadro-top.png') no-repeat; float:left}
#not-ccont{width:700px; height:auto; padding:0px 0px 10px 22px; background:transparent url('../img/notcuadro-cont.png') repeat-y; float:left}
#not-cpie{width:722px; height:25px; background:transparent url('../img/notcuadro-pie.png') no-repeat; float:left}

#not-tit{padding:22px 0px 15px 25px; width:690px; float:left}
#not-pag1{padding-left:28px; width:330px; float:left; font:normal 11px Tahoma, Arial; color:#84888C}
#not-pag2{width:330px; float:left; text-align:right; font:normal 11px Tahoma, Arial; color:#84888C}

#not{float:left; padding-top:3px}
#not li{float:left; list-style:none; width:670px; padding:15px 0px 10px 0px; border-top:solid 1px #C5E2E4}
#not-res{float:left; width:500px; padding-left:20px}
#not-btn{float:right; width:120px; height:22px; background:transparent url('../img/btn-not.png') no-repeat;}
#not-btn a{float:left; width:120px; height:22px; background:transparent url('../img/btn-not.png') no-repeat}
#not-btn a:hover{height:22px; background:transparent url('../img/btn-not2.png') no-repeat}

#not-topad{float:left; padding-top:41px; width:710px}
#notback-btn{float:right; width:80px; height:29px; background:transparent url('../img/btn-b-fondo.png') no-repeat bottom right; text-align:right; color:#FFF; line-height:29px; text-align:center}
#notback-btn a{float:right; width:80px; height:29px; background:transparent url('../img/btn-b-fondo.png') no-repeat bottom right; text-align:right; color:#FFF; line-height:29px; text-align:center}
#notback-btn a:hover{float:right; width:80px; height:29px; background:transparent url('../img/btn-b-fondo2.png') no-repeat bottom right; text-align:right; color:#FFF; line-height:29px; text-align:center}

#not-subt{float:left; background:transparent url('../img/btn-not.png') no-repeat; margin-left:25px; margin-top:25px; padding-bottom:16px; padding-left:35px; width:625px; font:normal 17px Arial; color:#2066AC}
#not-descr{float:left; padding-left:35px; width:630px; text-align:justify}

/* Contacto
------------------------------------*/
#contact-c{float:left; width:217px; padding-left:35px; font:normal 14px Arial; color:#333}
#contact-c2{float:left; width:735px; padding-bottom:20px}
#contact-txt1{float:left; border-bottom:1px dotted #82C4D6; width:217px; text-align:center; padding:35px 0px 10px 0px}
#contact-txt2{float:left; border-bottom:1px dotted #82C4D6; width:217px; padding:20px 0px 5px 0px}

#contact-ca-cont{width:722px; background:transparent url('../img/quie-ca-cont.png') repeat-y; float:left}
#contact-cd1{float:left; width:363px; padding-left:20px}
#contact-cd2{float:left; width:330px}
.contact-c1-top{float:left; width:308px; border-bottom:1px solid #C5E2E4; padding:0px 0px 10px 10px; font:normal 15px Arial; color:#54A9CD}
.contact-c1-cont{float:left; width:355px; padding-top:15px}
.contact-c2-top{float:left; width:308px; border-bottom:1px solid #C5E2E4; padding:0px 10px 10px 0px; font:normal 15px Arial; color:#54A9CD; text-align:right}
.contact-c2-cont{float:left; width:320px; padding-top:45px}

.f-input{width:226px; height:22px; background:#D5EAF4; border:0px}
.f-txtarea{width:226px; height:65px; background:#D5EAF4; border:0px}
.f-btn{width:120px; height:22px; background:#FEBB56; border:0px; font:bold 12px Arial; color:#FFF; text-align:center}

/* Textos
------------------------------------*/
.txt-th{font:normal 13px Arial; color:#FFF}
.txt-nh{font:normal 13px Arial; color:#235088}
.txt-txh{font:normal 16px Arial; color:#235088}
.txt-tn{font:bold 12px Arial; color:#F90}
.txt-titulos{font:normal 20px Arial; color:#FFF; line-height:35px}
.txt-stit{font:normal 15px Arial; color:#2066AC}
.txt-blue{color:#235088}
.txt-blue12{font:bold 12px Arial; color:#235088}
.txt-tclie{font:normal 15px Arial; color:#54A9CD}
.txt-dest{font:normal 15px Arial; color:#F60}
.txt-pader{text-align:right; padding-right:10px}
.txt-sol-tit{text-align:left; padding-left:8px color:#FFFFFF}

/* Enlaces
------------------------------------*/
.a1{font:normal 12px Arial; color:#333}
.a1:hover{font:normal 12px Arial; color:#2066AC}

.a2{font:normal 11px Tahoma, Arial; color:#FF6600}
.a2:hover{font:normal 11px Tahoma, Arial; color:#2066AC}

.a3{font:bold 12px Arial; color:#6AB6D0; padding-left:30px}
.a3:hover{font:bold 12px Arial; color:#235088; padding-left:30px}

.a4{font:bold 12px Arial; color:#333; line-height:25px; margin-bottom:0px}
.a4:hover{font:bold 12px Arial; color:#FD8813; line-height:25px; margin-bottom:0px}



/* Imágenes
------------------------------------*/
.img-pader{padding-right:20px; float:left}
.img-pader2{padding-left:30px; float:right}
.img-padnot{padding-right:25px; width:75px; float:left}
.img-notbig{padding-left:20px; padding-bottom:20px; width:240px; float:right}

/*--------------------------------------------------------------------------------------------------------*/

/* DemoStyles-scroll home
------------------------------------*/		
.holder {
	float: left;
	margin: 0px;
}

.scroll-pane {
	width: 482px;
	height: 126px;
	overflow: auto;
	/*background: #ccc;*/
	float: left;
}

#pane1 {float: left;
}

/* jScrollPane-scroll home
------------------------------------*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*EXTRA QUIENES
----------------------------------------*/
#quienes-main {width:730px; padding-bottom:30px; float:left}

/* main navigator */
#menu_navi {
	float:left;
	width:252px;
}
 
#menu_navi li {
	background-color:#EEE;
	border-bottom:1px dotted #82C4D6;
	clear:both;
	color:#333;
	font-size:12px;
	/*background:#EEE url('../img/vineta-btn.png') no-repeat right;*/
	list-style-type:none;
	padding:10px 60px 10px 10px;
	width:120px;
	text-align:right; float:right
}
 
/*#menu_navi li:hover {
	background-color:#EEE; color:#2066AC
}
 
#menu_navi li.active {
	background:#EEE url('../img/vineta-btn.png') no-repeat right;
}*/
 
#menu_navi img {
	float:left;
	margin-right:10px;
}
 
#menu_navi strong {
	display:block;
}
 
#menu div.navi {
	margin-left:250px;
	cursor:pointer;
}

#menu_navi li a{
	clear:both;
	color:#333;
	font-size:12px;
	list-style-type:none;
	width:120px;
	cursor:pointer; text-align:right; float:right
}
#menu_navi li a:hover{
	clear:both;
	color:#2066AC;
	font-size:12px;
	list-style-type:none;
	width:120px;
	cursor:pointer; text-align:right; float:right
}
.menuactive{background:#EEE url('../img/vineta-btn.png') no-repeat right}