/* CSS Sulime */

body {
	margin:15px 0 0 0;
	padding:0;
	background:url(../images/bg.gif) repeat-x;
	background-color:#f2f2f2;
	font-family:Verdana;
	font-size:11px;
	color:#444444;
	}

#container {
	width:960px;
	margin:0 auto;
	/*height:1000px;*/
	/*background:url(../images/plantilla.jpg) no-repeat;*/
	}

.clear {clear:both;}
.skip {display:none !important;}
.cursor {cursor:pointer !important;}
ol, ul {list-style:none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td {margin:0; padding:0;}

.tverde {color:#7fab43;}
.t14 {font-size:14px;}
.tprecio {font-size:18px; font-weight:bolder; color:#FF0000; padding-left:10px}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}


.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}

/*********************************************/
/* CONTENIDO SUPERIOR 						 */
/*********************************************/
/* CABECERA */
#head {
	float:left;
	width:960px;
	height:85px;
	}
	
.logo {
	float:left;
	width:250px;
	height:85px;
	margin:0 0 0 32px;
	}
	
.telefono {	
	float:left;
	/*width:467px;*/
	width:354px;
	height:85px;
	background:url(../images/tlf.gif) no-repeat;
	background-position:8px 62px;
	/*background-color:#009966;*/
	}

.toolbar {
	float:left;
	width:128px; /*208*/
	height:51px; /*61*/
	padding: 10px 0 0 175px;
	/*background-color:#006699;*/
	}
	
.devolo {
	float:left;
	width:128px; /*208*/
	height:51px; /*61*/
	padding: 10px 0 0 20px;
	/*background-color:#006699;*/
	}

.iconbar {
	float:left;
	width:20px;
	height:20px;
	margin:0 5px 0 5px;
	}

.navbar1 {
	float:left;
	/*width:198px; /*208*/
	width:298px;
	padding: 0 0 0 10px;
	height:24px;
	/*background-color:#993333;*/
	}

.navEmpresa {
	float:left;
	margin-right:5px;
	}
	
.navContacto {
	float:left;
	margin-right:5px;
	}

.navOferta {
	float:left;
	}

/* SUBCABECERA */
#subhead {
	float:left;
	width:960px;
	height:277px;
	/*background-color:#009966;*/
	}


.navbar2 {
	float:left;
	width:250px;
	height:277px;
	margin:0 0 0 32px;
	background:url(../images/bg_navbar2.jpg) no-repeat;
	}
	
.navbar2 ul {
	float:left;
	margin:0 0 0 2px;
	width:250px;
	height:246px;
	background: url(../images/navbar2.jpg) no-repeat;
	}
.navbar li {
	float:left;
	display:block;
	}	

.sat a {display:block; background: url(../images/sat_off.gif); width:245px; height:61px;}
.sat a:hover {display:block; background: url(../images/sat_over.gif);}

.design a {display:block; background: url(../images/design_off.gif); width:245px; height:61px;}
.design a:hover {display:block; background: url(../images/design_over.gif) }

.hosting a {display:block; background: url(../images/hosting_off.gif); width:245px; height:61px;}
.hosting a:hover {display:block; background: url(../images/hosting_over.gif);}

.comunicacion a {display:block; background: url(../images/comunicacion_off.gif); width:245px; height:62px;}
.comunicacion a:hover {display:block; background: url(../images/comunicacion_over.gif);}


.footerNav2 {
	float:left;
	width:251px;
	height:32px;
	background:url(../images/footernav2.gif) no-repeat;
	background-position:3px 0px;
	}

#flash {
	float:left;
	width:674px;
	height:277px;
	background:url(../images/flash.jpg) no-repeat;
	}
	
#bannerPrincipal {
	float:left;
	width:674px;
	height:277px;
	/*background:url(../images/flash2.jpg) no-repeat;*/
	}

/*********************************************/
/* CONTENIDO CENTRAL 						 */
/*********************************************/
.center {
	width:960px;
	margin:0 0 20px 0;
	/*min-height:420px;*/
	/*background-color:#009999;*/
	}

/* COLUMNA IZQUIERDA */
.CT-col1 {
	float:left;
	width:250px;
	margin:0 0 0 34px;
	/*background-color:#339966;*/
	}

.btnNtr {
	float:left;
	width:121px;
	height:55px;
	margin:15px 5px 0 0;
	}
	
.btnClientes {
	float:left;
	width:123px;
	height:55px;
	margin:15px 0 0 0px;
	}
	

.banners {
	float:left;
	width:250px;
	margin:15px 0 0 0;
}

.topBanner {
	float:left;
	width:250px;
	height:20px;
	background:url(../images/top.gif) no-repeat;
	}
.contBanner {
	float:left;
	width:250px;
	background:url(../images/bg_banners.gif) repeat-y;
	}
.bottomBanner {
	float:left;
	width:250px;
	height:20px;
	background:url(../images/bottom.gif) no-repeat;
	}

#banner {
	float:left;
	width:250px;
	height:301px;
	margin:15px 0 0 0;
	/*background:url(../images/bg_banner.gif) no-repeat;*/
	}

/* COLUMNA DERECHA */
.CT-col2 {
	float:left;
	width:676px;
	margin:0;
	/*background-color:#00CC66;*/
	}

/* HOME ******************************************************/
.titularHome {
	width:676px;
	height:70px;
	background:url(../images/tit_home.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}

.textHome {
	float:left;
	width:560px; /*445*/
	padding:30px 0px 0 40px;
	height:150px;
	text-align:justify;
	/*background-color:#009966;*/
	}
.fraseHome {
	float:right;
	margin:60px 76px 0 0;
	text-align:right;
	font-size:13px;
	}
	
.previewHome {
	float:left;
	margin:0 0 0 50px;
	}
	
.CT-col3_home {
	float:left;
	width:95px;
	margin:0 0 0 0;
	background-color:#003366;
	}
	
.proyecto {
	float:left;
	width:192px; /*194*/
	height:105px; /*127*/
	padding:22px 0 0 2px;
	background:url(../images/bg_proyecto.gif) no-repeat;
	margin:10px 0 30px 25px;
	}

.proyectos {
	float:left;
	width:192px; /*194*/
	height:105px; /*127*/
	padding:22px 0 0 2px;
	background:url(../images/bg_proyectos.gif) no-repeat;
	margin:10px 0 20px 25px;
	}

.proyecto2 {
	float:left;
	width:194px; /*194*/
	height:105px; /*128*/
	margin:0 0 10px 30px;
	}
	
.oferta {
	float:left;
	width:194px; /*194*/
	height:105px; /*128*/
	padding:23px 0 0 0px;
	background:url(../images/bg_oferta.gif) no-repeat;
	margin:0 0 10px 30px;
	}

/* EMPRESA ******************************************************/
.titularEmpresa {
	width:676px;
	height:70px;
	background:url(../images/tit_empresa.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}

.textEmpresa {
	float:left;
	width:300px; /*445*/
	padding:20px 40px 40px 40px;
	/*height:150px;*/
	text-align:justify;
	/*background-color:#009966;*/
	}

.CT-col3_empresa {
	float:left;
	padding:10px 0 0;
	width: auto;
	}


/* CONTACTO *************************************/
.textContacto {
	float:left;
	width:625px; 
	padding:20px 0 0 40px;
	margin-bottom:25px;
	text-align:justify;
	/*background-color:#009966;*/
	}

.datosContacto {
	float:left;
	width:260px; /*285*/
	height:452px; /*502px;*/
	padding:50px 0 0 25px;
	background:url(../images/bg_datoscontacto.gif) no-repeat;
	}

.itemDatosContacto {
	float:left;
	clear:both;
	margin-bottom:20px;
	line-height:16px;
	}
	
.itemDatosContacto a, .itemDatosContacto a:visited {color:#444444; text-decoration:none;}
.itemDatosContacto a:hover {color:#7fab43; text-decoration:underline;}
 
.formularioContacto {
	float:left;
	width:240px; /*285*/
	height:452px; /*502*/
	margin:2px 35px 0 0px;
	background:url(../images/bg_formulario.gif) no-repeat;
	padding:50px 0 0 45px;
	/*background-color:#006666;*/
	}

.itemForm {
	float:left;
	margin:0 0 15px 0;
	line-height:16px;
	clear:both;
	
	}	
.inputForm {
	font-size:11px;
	height:15px;
	padding:3px 0 0 3px;
	border:1px solid #999999;
	width:180px;
	}

.textareaForm {
	font-size:11px;
	width:180px;
	height:70px;
	padding:3px 0 0 3px;
	border:1px solid #999999;
	/*overflow-x:hidden;*/
	}

.btnEnviar {
	width:98px;
	height:31px;
	background:url(../images/btn_enviar.jpg) no-repeat;
	cursor:pointer;
	border:0;
	}

.form_ok {
	width:100%;
	height:100%;
	font-size:11px;
	background:url(../images/form_ok.gif) no-repeat;
	background-position:20px 5px;
	background-color:#f1f1f1;
	}

.obligatorio {
	float:left;
	margin:25px 0 0 0;
	padding:0 10px;
	}
	
	
/* SAT ********************************************************/
.titularSat {
	width:680px;
	height:70px;
	background:url(../images/tit_sat.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}

.textSat {
	float:left;
	width:325px; /*445*/
	padding:20px 40px 0 40px;
	text-align:justify;
	/*height:740px;*/
	/*background-color:#009966;*/
	}

.itemSat {
	float:left;
	width:260px;
	background:url(../images/pic_sat.gif) no-repeat;
	padding-left:20px;
	margin:15px 0 0 15px;
	text-align:left;
	}

.CT-col3_sat {
	float:left;
	width:251px;
	height:670px;
	background:url(../images/bg_modalidades.gif) no-repeat;
	margin-top:20px;
	}

.modalidad1 {
	float:left;
	width:210px;
	margin:70px 0 0 19px;
	text-align:justify;
	/*background-color:#009966;*/
	}

.modalidad2 {
	float:left;
	width:210px;
	margin:65px 0 0 19px;
	text-align:justify;
	/*background-color:#009966;*/
	}
	
.modalidad3 {
	float:left;
	width:210px;
	margin:85px 0 0 19px;
	text-align:justify;
	/*background-color:#009966;*/
	}

.modalidad4 {
	float:left;
	width:210px;
	margin:65px 0 0 19px;
	text-align:justify;
	/*background-color:#009966;*/
	}

.proveedores {
	float:left;
	width:220px;
	background:url(../images/bg_proveedores.gif) no-repeat;
	margin-top:40px;
	padding:30px 15px 0 15px;
	/*background-color:#009966;*/
	}

/* DISEO / DESIGN ****************************************************/
.titularDesign {
	width:680px;
	height:70px;
	background:url(../images/tit_design.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}

.textDesign {
	float:left;
	padding:20px 0 0 40px;
	height:800px;
	text-align:justify;
	/*background-color:#009966;*/
	}
	
.descripcionDesign {
	float:left;
	width:380px;
	height:120px;
	margin:50px 36px 0 20px;
	/*background-color:#999999;*/
	}

.descripcionDesign a, .descripcionDesign a:visited {text-decoration:none; color:#7fab43;}
.descripcionDesign a:hover {text-decoration:underline; color:#7fab43;}
	
.portafolio {
	float:left;
	width:170px;
	height:120px;
	margin:50px 0 0 0;
	/*background-color: #CCCCCC;*/
	}
	
.itemFolio {
	float:left;
	width:45px;
	height:45px;
	background-color: #FFFFFF;
	margin:0 10px 10px 0;
	border:1px solid #CCCCCC;
	}
		
.grafico {
	float:left;
	width:610px;
	height:172px;
	background: url(../images/bg_grafico.gif) no-repeat;
	margin-bottom:25px;
	}

.web {
	float:left;
	width:610px;
	height:172px;
	background: url(../images/bg_web.gif) no-repeat;
	margin-bottom:25px;
	}

.editorial {
	float:left;
	width:610px;
	height:172px;
	background: url(../images/bg_editorial.gif) no-repeat;
	margin-bottom:25px;
	}
	
.infografia {
	float:left;
	width:610px;
	height:172px;
	background: url(../images/bg_3d.gif) no-repeat;
	}
	
.ultimo {
	float:left;
	width:230px; /*245*/
	height:116px; /*151*/
	background:url(../images/bg_ultimo.gif) no-repeat;
	margin:60px 0 0 2px;
	padding:35px 0 0 15px;
	}
	
.desarrollo {
	float:left;
	width:230px; /*245*/
	height:116px; /*151*/
	background:url(../images/bg_desarrollo.gif) no-repeat;
	margin:60px 0 0 2px;
	padding:35px 0 0 15px;
	}
	
/* HOSTING Y DOMINIOS ********************************************************/
.titularHosting {
	width:680px;
	height:70px;
	background:url(../images/tit_hosting.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}

.textHosting {
	float:left;
	width:565px; /*445*/
	padding:20px 40px 0 40px;
	margin-bottom:25px;
	text-align:justify;
	/*background-color:#009966;*/
	}
	
.planCorreo {
	float:left;
	width:240px; /*270*/
	height:175px; /*215*/
	background:url(../images/bg_plan_correo.gif) no-repeat;
	margin:25px 25px 0 0;
	padding:40px 15px 0 15px;
	line-height:16px;
	}
	
.planPersonal {
	float:left;
	width:240px; /*270*/
	height:175px; /*215*/
	background:url(../images/bg_plan_personal.gif) no-repeat;
	margin:25px 0 0 0;
	padding:40px 15px 0 15px;
	line-height:16px;
	}
	
.planProfesional {
	float:left;
	width:240px; /*270*/
	height:175px; /*215*/
	background:url(../images/bg_plan_profesional.gif) no-repeat;
	margin:25px 25px 0 0;
	padding:40px 15px 0 15px;
	line-height:16px;
	}

.planMedida {
	float:left;
	width:240px; /*270*/
	height:175px; /*215*/
	background:url(../images/bg_plan_medida.gif) no-repeat;
	margin:25px 0 0 0;
	padding:40px 15px 0 15px;
	line-height:16px;
	}	

/* COMUNICACIONES **********************************************/
.titularComunicaciones {
	width:680px;
	width:676px;
	height:70px;
	background:url(../images/tit_comunicaciones.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}

.textComunicaciones {
	float:left;
	/*width:625px;*/ 
	padding:20px 0 0 40px;
	height:320px;
	text-align:justify;
	/*background-color:#009966;*/
	}

.asterisk {
	float:left;
	width:245px; /*280*/
	height:235px; /*295*/
	margin-right:32px;
	padding:60px 35px 0 17px;
	background:url(../images/bg_asterisk.gif) no-repeat;
	}

.videovigilancia {
	float:left;
	width:245px; /*280*/
	height:296px;
	padding:60px 35px 0 17px;
	background:url(../images/bg_videovigilancia.gif) no-repeat;
	}
	
/* ZONA CLIENTES *************************************************************/
.titularClientes {
	width:680px;
	width:676px;
	height:70px;
	background:url(../images/tit_clientes.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}
.login {
	float:left;
	width:220px; /*260*/
	height:150px; /*150*/
	background-color:#ebebeb;
	margin:20px 0 0 3px;
	border:2px solid #fff;
	padding:20px 0 0 40px;
	}
.btnEntrar {
	width:98px;
	height:31px;
	background:url(../images/btn_entrar.jpg) no-repeat;
	cursor:pointer;
	border:0;
	}
.errorlogin {
	float:left;
	margin:20px 0 0 5px;
	}
.usuario ul {
	float:left;
	}
.usuarios li {
	margin:0 0 0 20px;
	width:550px;
	height:20px;
	padding:0 0 0 30px;
	background:url(../images/icon_down.jpg) no-repeat;
	color:#4f4f4f;
	/*background-color:#006666;*/
	}
.usuarios li a, usuarios li a:visited {
	color:#4f4f4f;
	text-decoration:none;
	}
.usuarios li a:hover {
	color:#9cd54f;
	text-decoration:underline;
	}



/* AVISOS LEGALES Y PRIVACIDAD **********************************************/
.titularLegal {
	width:680px;
	width:676px;
	height:70px;
	background:url(../images/tit_legal.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}

.textLegal {
	float:left;
	text-align:justify;
	/*width:625px;*/ 
	padding:20px 30px 0 60px;
	height:1520px;
	/*background-color:#009966;*/
	}

/* MAPA WEB **********************************************/
.titularMapa {
	width:680px;
	width:676px;
	height:70px;
	background:url(../images/tit_mapaweb.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}

.textMapa {
	float:left;
	text-align:justify;
	/*width:625px;*/ 
	padding:20px 30px 0 60px;
	height:400px;
	/*background-color:#009966;*/
	}

.grupoMapa {
	float:left;
	width:100%;
	padding:20px 0 0 12px;
	margin:0 0 30px 0;
	}

.mwsulime {background:url(../images/tit_mapasulime.gif) no-repeat;}
.mwservicios {background:url(../images/tit_mapaservicios.gif) no-repeat;}
.mwproyectos {background:url(../images/tit_mapaproyectos.gif) no-repeat;}

.itemMapa {
	float:left;
	width:500px;
	background:url(../images/pic_sat.gif) no-repeat;
	padding-left:20px;
	margin:7px 0 0 0;
	text-align:left;
	}

.itemMapa a, .itemMapa a:visited {color:#444444; text-decoration:none;}
.itemMapa a:hover {color:#7fab43; text-decoration:underline;}
	

/* OFERTA **********************************************/
.titularOferta {
	width:680px;
	width:676px;
	height:70px;
	background:url(../images/tit_oferta.gif) no-repeat;
	background-position:30px 15px;
	/*background-color:#009999;*/
	}

.textOferta {
	float:left;
	text-align:justify;
	/*width:625px;*/ 
	padding:20px 20px 0 60px;
	/*height:400px;*/
	/*background-color:#009966;*/
	}

.tituloArticulo {
	float:left;
	width:320px;
	/*background-color:#CC9933;*/
	height:25px;
	font-size:14px;
	font-weight:bold;
	}

.descripcionArticulo {
	float:left;
	width:300px;
	margin:5px 0 0 0;
	}

.imagenArticulo {
	float:right;
	width:250px;
	height:295px;
	background-color:#006666;
	}
	
.otrasOfertas {
	float:left;
	width:660px;
	background:url(../images/tit_otrasofertas.gif) no-repeat;
	margin:65px 0 30px 0;
	padding:35px 0 0 5px;
	/*background-color:#003366;*/
	}
.itemOferta {
	float:left;
	width:190px;
	/*height:105px;*/
	margin:0 40px 60px 0;
	}
.txtOferta {
	padding:10px 5px 0 7px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	}

.itemOferta a, .itemOferta a:visited {color:#444444; text-decoration:none;}
.itemOferta a:hover {color:#444444; text-decoration:underline;}	



/********************************************/
/* CONTENIDO INFERIOR						*/
/********************************************/
#footer {
	width:100%;
	height:211px;
	background: url(../images/bg_ctfooter.gif) repeat-x;
	}

.CT-footer {
	width:960px;
	height:211px;
	margin:0 auto;
	/*background: url(../images/bg_ctfooter.gif) repeat-x;*/
	}
.CT-footer a, .CT-footer a:visited  {color:#FFFFFF; text-decoration:none;}
.CT-footer a:hover {color:#7fab43; text-decoration:none;}

.CT-destacados {
	float:left;
	width:960px;
	}
	
.itemDestacados {
	float:left;
	width:161px;
	height:132px;
	margin:0 39px 0 39px;
	background:url(../images/bg_destacado.gif) no-repeat;
	}

.ultimoDestacado {}
	
.legal {
	float:left;
	width:350px;
	margin:30px 0 0 39px;
	color:#FFFFFF;
	font-size:10px;
	line-height:18px;
	}
	
.pieContacto {
	float:right;
	margin:33px 45px 0 0;
	color:#FFFFFF;
	}

.validators {
	float:right;
	margin:8px 45px 0 0;
	}
	
.captura1 {
	float:left;
	margin:25px 50px 0 17px;
	}
	
.captura2 {
	float:left;
	margin:25px 0px 0 0px;
	}

.enlace {
	float:left;
	margin-top:20px;
	}

.enlace a, .enlace a:visited {color:#7fab43; text-decoration:none;}
.enlace a:hover {color:#7fab43; text-decoration:underline;}
	
/* GESTION CITAS MEDICAS ********************************************************/
.titularCitas {
	width:680px;
	height:79px;
	background:url(../images/tit_citasmedicas.gif) no-repeat;
	background-position:30px 0px;
	/*background-color:#009999;*/
	}

.textCitas {
	float:left;
	width:585px; /*445*/
	padding:20px 0px 0 40px;
	margin-bottom:25px;
	text-align:justify;
	/*background-color:#009966;*/
	}
	
.itemCitas {
	float:left;
	width:500px;
	background:url(../images/pic_sat.gif) no-repeat;
	padding-left:20px;
	margin:15px 0 0 15px;
	text-align:left;
	}
	
/* iBOOKING TOOL - RESERVAS ON-LINE ********************************************************/
.titularReservas {
	width:680px;
	height:79px;
	background:url(../images/tit_plc.gif) no-repeat;
	background-position:30px 0px;
	/*background-color:#009999;*/
	}

.textReservas {
	float:left;
	width:585px; /*445*/
	padding:20px 0px 0 40px;
	margin-bottom:25px;
	text-align:justify;
	/*background-color:#009966;*/
	}

.textReservas a, .textReservas a:visited {color:#7fab43; text-decoration:none;}
.textReservas a:hover {color:#7fab43; text-decoration:underline;}
	
	
/* PACK PYME ********************************************************/
.titularPyme {
	width:680px;
	height:79px;
	background:url(../images/tit_packpyme.gif) no-repeat;
	background-position:30px 0px;
	/*background-color:#009999;*/
	}

.textPyme {
	float:left;
	width:585px; /*445*/
	padding:20px 0px 0 40px;
	margin-bottom:25px;
	text-align:justify;
	/*background-color:#009966;*/
	}
	
.itemPyme {
	float:left;
	width:500px;
	background:url(../images/pic_sat.gif) no-repeat;
	padding-left:20px;
	margin:15px 0 0 15px;
	text-align:left;
	}
	

/* INFORMATICA PARA ABUELOS ********************************************************/
.titularAbuelos {
	width:680px;
	height:79px;
	background:url(../images/tit_abuelos.gif) no-repeat;
	background-position:30px 0px;
	/*background-color:#009999;*/
	}

.textAbuelos {
	float:left;
	width:585px; /*445*/
	padding:20px 0px 0 40px;
	margin-bottom:25px;
	text-align:justify;
	/*background-color:#009966;*/
	}
	
.itemAbuelos {
	float:left;
	width:500px;
	background:url(../images/pic_sat.gif) no-repeat;
	padding-left:20px;
	margin:15px 0 0 15px;
	text-align:left;
	}