/* CSS Document */
@import url("reset.css");

body {
	background-color:#FFFFFF;
	text-align:center;
	padding:0px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}
h1 {
	float:left;
	text-align:left;
	margin-top:5px;
	font-size:21px;
}
h2 {
	position:relative;
	text-align:left;
	float:left;
	width:90%;
	*width:100%;
	margin-top:20px;
	font-size:18px;
	display:block;
	margin-left:20px;
}
h3 {
	position:relative;
	float:left;
	font-size:18px;
	text-align:left;
	width:100%;
	border-bottom:1px dotted #999999;
}
a { text-decoration:none}
a:focus {
	outline: 0;
}

/*---------------------------------------------------------------------*/
/*-------------------->  Estructura  <<<-------------------------*/
/*---------------------------------------------------------------------*/

#acceso_clientes {
	font-size:12px;
	text-align:right;
	font-weight:bold;
	padding-top:10px;
}
	
#cuerpo {
	position:relative;
	width:691px;
	height:auto;
	background-color:#FFFFFF;
	margin:auto;
}
	#header {
		width:691px;
		height:159px;
		margin-bottom:30px;
		/*background:url(img/header.png) no-repeat #ffffff;*/
	}
	#contenido {
		width:691px;
		text-align:center;
		padding:auto;
		min-height:527px;
	}
	#pie {
		position:relative;
		float:left;
		margin-top:30px;
		margin-bottom:50px;
		width:691px;
		height:70px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		color:#6b6c6c;
	}
	
/*---------------------------------------------------------------------*/
/*-------------------->  Bloques Index  <<<----------------------*/
/*---------------------------------------------------------------------*/
#bloque_01 {
	float:left;
	width:178px;
	height:123px;
	border-top:2px solid #C3C3C3;
	font-family:Arial, Helvetica, sans-serif;
	color:#0066cc;
	background:url(img/01.png) right top no-repeat #FFFFFF;
	margin-left:27px;
	font-size:11px;
	line-height:17px;
}
	.p_bloke{
		float:left;
		display:block;
		width:178px;
		color:#878787;
		font-size:11px;
		text-align:left;
		margin-top:20px;
		border-bottom:2px dotted #d7d7d7;
		padding-bottom:12px;	
		height:43px;
	}
	.masinfo_azul {
		float:right;
		margin-top:5px;
		display:block;
		padding-top:5px;
		height:25px;
		width:100px;
		/*background:url(img/boton_azul.png) top right no-repeat #ffffff;*/
		line-height:11px;
	}
		.masinfo_azul a:link {
			font-weight:bold;
			text-decoration:none;
			color:#0066cc;
		}
		.masinfo_azul a:visited {
			font-weight:bold;
			color:#0066cc;
		}
		.masinfo_azul a:hover {
			font-weight:bold;
			text-decoration:underline;
			color:#0066cc;
		}
		
#bloque_02 {
	float:left;
	width:178px;
	height:123px;
	border-top:2px solid #C3C3C3;
	font-family:Arial, Helvetica, sans-serif;
	color:#5c9011;
	background:url(img/02.png) right top no-repeat #FFFFFF;
	margin-left:50px;
	font-size:11px;
}
	.masinfo_verde {
		float:right;
		margin-top:5px;
		display:block;
		padding-top:5px;
		height:25px;
		width:100px;
		/*background:url(img/boton_verde.png) top right no-repeat #ffffff;*/
	}
		.masinfo_verde a:link {
			font-weight:bold;
			text-decoration:none;
			color:#5c9011;
		}
		.masinfo_verde a:visited {
			font-weight:bold;
			text-decoration:none;
			color:#5c9011;
		}
		.masinfo_verde a:hover {
			font-weight:bold;
			text-decoration:underline;
			color:#5c9011;
		}
		
#bloque_03 {
	float:left;
	width:178px;
	height:123px;
	border-top:2px solid #C3C3C3;
	font-family:Arial, Helvetica, sans-serif;
	color:#ea8d1e;
	background:url(img/03.png) right top no-repeat #FFFFFF;
	margin-left:50px;
	font-size:11px;
}
	.masinfo_orange {
		float:right;
		margin-top:5px;
		display:block;
		padding-top:5px;
		height:25px;
		width:100px;
		/*background:url(img/boton_orange.png) top right no-repeat #ffffff;*/	
	}
		.masinfo_orange a:link {
			font-weight:bold;
			text-decoration:none;
			color:#ea8d1e;
		}
		.masinfo_orange a:visited {
			font-weight:bold;
			text-decoration:none;
			color:#ea8d1e;
		}
		.masinfo_orange a:hover {
			font-weight:bold;
			text-decoration:underline;
			color:#ea8d1e;
		}

/*---------------------------------------------------------------------*/
/*--------------------->  Contenido  <<<-------------------------*/
/*---------------------------------------------------------------------*/


#texto {
	position:relative;
	float:left;	
	width:350px;
	height:auto!important;
	background-color:#f0f0f0;
	margin-top:40px;
	/*margin-left:-200px;*/
}
#banner
{
	position:relative;
	float:left;	
	width:350px;
	height:auto!important;
	background-color:#f0f0f0;
	margin-top:40px;

}
#texto_thin {
	position:relative;
	float:left;	
	width:260px;
	height:auto!important;
	background-color:#f0f0f0;
	margin-top:10px;
	margin-bottom:40px;
}
	#texto_thin ul {
		list-style:none;
	}
	#texto_thin li {
		padding-left:10px;
		margin-top:10px;
		background:url(img/bullet.png) no-repeat #f0f0f0;
		background-position:0px 2px;
	}
	.bluelist {
		background:url(img/bullet_blue.png) no-repeat; 
		padding-left:10px; 
		background-position:0px 2px; 
		margin-top:10px;
	 }
#texto_target {
	position:relative;
	float:right;	
	width:420px;
	*width:380px;
	height:auto!important;
	background-color:#f0f0f0;
	margin-top:10px;
	margin-bottom:40px;
}
#texto_wide {
	position:relative;
	float:left;	
	width:691px;
	*width:671px;
	height:auto!important;
	background-color:#f0f0f0;
	margin-top:10px;
	margin-bottom:40px;
}
	.cont {
		border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;
		text-align:justify;
		margin:20px;
		*margin:20px 0px 20px 20px;
		padding:30px 0px;
		font-size:11px;
		line-height:14px;
	}
		.cont label {
			margin-top:0px;
			margin-left:90px;
			display:block;
			height:auto!important;
		}
#internews {
	position:relative;
	float:right;	
	width:280px;
	*width:260px;
	height:auto!important;
	background-color:#FFFFFF;
	margin-top:40px;
}
	.noti_01 {
		border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;
		text-align:justify;
		margin:20px;
		*margin:0px 0px 20px 20px;
		font-size:11px;
		line-height:14px;
	}
	.noti_02 {
		border-bottom:1px dotted #999999;
		text-align:justify;
		margin:20px;
		*margin:30px 0px 20px 20px;
		font-size:11px;
		line-height:14px;
	}
	.leer {
		margin-top:8px;
		float:right;
		display:block;
	}
	.leer a {
		font-weight:bold;
		text-decoration:none;
		color:#ea8d1e;
	}
	.naveg  {margin-top:-10px; *margin-top:-7px; padding:0px; height:22px;} 
	.naveg a {font-size:12px; font-weight:bold; color:#000000; margin-bottom:10px; padding:0px;}
	#dcentro {padding:0px; margin:0px;}
	
#separator {
	position:relative;
	float:left;
	width:619px;
	border-top:1px dotted #999999;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:35px;
}
.images {	
	float:left;
	width:691px;
	text-align:center;
	font-size:12px;
	line-height:14px;
}
.images_w_margin {	
	float:left;
	width:691px;
	text-align:center;
	margin:30px auto;
	font-size:12px;
	line-height:14px;
}
.clientela {	
	float:left;
	text-align:center;
	margin:-520px auto 20px auto;
	*margin:50px auto;
	font-size:12px;
	width:317px;
	line-height:14px;
	height:467px;
}
	.clientlogo {
		margin:10px auto 20px auto;
		}
	.top_navi {
		position:relative;
		text-align:center;
		width:317px;
		height:20px;
		border-bottom:1px solid #CCCCCC;
	}
	.top_navi2 {
		position:relative;
		text-align:center;
		width:317px;
		height:20px;
		border-bottom:1px solid #CCCCCC;
	}
	.top_navi3 {
		position:relative;
		text-align:center;
		width:317px;
		height:20px;
		border-bottom:1px solid #CCCCCC;
	}
	.down_navi {
		position:relative;
		text-align:center;
		width:317px;
		bottom:0px;
		border-top:1px solid #CCCCCC;
		padding-top:10px;
	}
	.down_navi2 {
		position:relative;
		text-align:center;
		width:317px;
		bottom:0px;
		border-top:1px solid #CCCCCC;
		padding-top:10px;
	}
	.down_navi3 {
		position:relative;
		text-align:center;
		width:317px;
		bottom:0px;
		border-top:1px solid #CCCCCC;
		padding-top:10px;
	}
.under {
	position:relative;
	margin:40px 0px 40px 100px;
	background:url(img/under.png) no-repeat #ffffff;
	width:484px;
	height:500px;
}

.enviada {
	position:relative;
	margin:40px 0px 40px 100px;
	background:url(img/enviada.png) no-repeat #ffffff;
	width:484px;
	height:500px;
}

.newsletter_exito {
	position:relative;
	margin:40px 0px 40px 100px;
	background:url(img/aviso_newsletter.png) no-repeat #ffffff;
	width:484px;
	height:500px;
}


.error404 {
	position:relative;
	margin:40px 0px 40px 100px;
	background:url(img/404.png) no-repeat #ffffff;
	width:484px;
	height:500px;
}
	.msg_error {
		margin-left:10px;
		padding-top:120px;
		font-size:12px;		
	}
		.msg_error a {
			color:#3399cc;
			text-decoration:underline;
			font-weight:bold;
		}
#proyectos {
	position:relative;
	float:right;
	/*background:url(img/proyectos_top_box.png) no-repeat #FFFFFF;*/
	width:305px;
	margin-top:50px;
	margin-bottom:50px;
	margin-left:200px;
	*margin-left:0px;
	min-height:400px;
	font-size:12px;
	line-height:16px;
}
	.blank {
		position:relative;
		float:left;
		text-align:center;
		width:148px;
		height:58px;
		color:white;
		margin-top:7px;
	}
	.disseny {
		position:relative;
		float:left;
		text-align:center;
		width:148px;
		height:58px;
		background-color:#ea8d1e;
		color:white;
		margin-top:7px;
	}
	.marketing {
		position:relative;
		float:right;
		text-align:center;
		width:148px;
		height:58px;
		background-color:#3b8ddd;
		color:white;
		margin-top:7px;
	}
#newsletter {
	float:right;
	background:url(img/newsletter.png) no-repeat #ffffff;
	width:310px;
	height:106px;
}
	#Email {
		width:200px; 
		margin-top:45px; 
		margin-left:90px; 
		color:#999999; 
	}
	#enviar {
		border:none;
		background:url(img/boton_azul.png) top right no-repeat ;	
		width:90px;
		height:20px;
		float:right;
		margin-top:10px; 
		margin-right:10px; 
		color:#abd6f9;
		font-weight:bold;
		padding-right:20px;
	}
	
	.solutions {
		position:relative;
		text-align:left;
		background:url(img/ristra.png) no-repeat #ffffff;
		background-position:0px 50px;
		width:609px;
		margin:0px auto;
		height:136px;
	}
		.checks {
			position:relative;
			float:left;
			margin-top:120px;
			display:block;
		}
			.market { position:relative; margin-left:30px; *margin-left:24px; float:left;}
			.proy { position:relative; margin-left:144px; *margin-left:141px; float:left;}
			.disweb { position:relative; margin-left:145px; *margin-left:141px; float:left;}
			.otros { position:relative; margin-left:146px; *margin-left:141px; float:left;}
	.fondo_ops {
		position:relative;
		margin:30px auto 0px auto;
		text-align:left;
		background:url(img/fondo_blue.png) no-repeat #ffffff;
		background-position:20px 20px;
		width:542px;
		height:90px;
	}
		.checkers {
			position:relative;
			float:left;
			margin-top:35px;
			display:block;
		}
		.checkers input { margin-left:40px; width:30px;}

			.seo { position:relative; margin-left:50px; *margin-left:50px;  float:left;}
			.sem { position:relative; margin-left:50px; *margin-left:50px; float:left;}
			.emark { position:relative; margin-left:50px; *margin-left:50px; float:left;}
			.mobmark { position:relative; margin-left:50px; *margin-left:50px; float:left;}

.menu_pie {
		height:30px;
		width:691px;
		border-bottom:3px solid #d7d7d7;
		margin-bottom:10px;
	}
	.menu_pie ul {
		height:20px;
		display:block;
		list-style:none;
		margin-left:25px;
	
	}
	.menu_pie li {
		float:left;
		height:15px;
		width:100px;
		display:block;
		text-align:center;
		list-style:none;
		padding-top:2px;
		color:#ff7b05;
	}
	.orange_dot {border-right:1px dotted #ff7b05;}
	.blue_dot {border-right:1px dotted #2b90e1;}
	.purple_dot {border-right:1px dotted #8118a4;}
	.green_dot {border-right:1px dotted #71a410;}
	.red_dot {border-right:1px dotted #d50000;}
	.yellow_dot {border-right:1px dotted  #C6C600;}
	
	
/*---------------------------------------------------------------------*/
/*---------------->  Color enlaces pie  <<<----------------------*/
/*---------------------------------------------------------------------*/
	.by_orange {
		position:relative;
		float:right;
		background:url(img/by_orange.png) no-repeat #ffffff;
		width:95px;
		height:37px;
	}

		.orange:link {
				color:#ff7b05;
				text-decoration:none;
		}
		.orange:hover{
			text-decoration:underline;
				color:#ff7b05;
		}
		.orange:visited{
				color:#ff7b05;
		}
	.by_blue {
		position:relative;
		float:right;
		background:url(img/by_blue.png) no-repeat #ffffff;
		width:95px;
		height:37px;
	}
		.blue:link {
				color:#2b90e1;
				text-decoration:none;
		}
		.blue:hover{
			text-decoration:underline;
				color:#2b90e1;
		}
		.blue:visited{
				color:#2b90e1;
		}
	.by_purple {
		position:relative;
		float:right;
		background:url(img/by_purple.png) no-repeat #ffffff;
		width:95px;
		height:37px;
	}
		.purple:link {
				color:#8118a4;
				text-decoration:none;
		}
		.purple:hover{
			text-decoration:underline;
				color:#8118a4;
		}
		.purple:visited{
				color:#8118a4;
		}
		
	.by_green {
		position:relative;
		float:right;
		background:url(img/by_green.png) no-repeat #ffffff;
		width:95px;
		height:37px;
	}
		.green:link {
				color:#71a410;
				text-decoration:none;
		}
		.green:hover{
			text-decoration:underline;
				color:#71a410;
		}
		.green:visited{
				color:#71a410;
		}
		
		.greenextlink:link {
			color:#71a410;
			text-decoration:none;
			background:url(img/external.png) right no-repeat transparent;
			padding-right:15px;
		}
		.greenextlink:hover{
			text-decoration:underline;
			color:#71a410;
			background:url(img/external.png) right no-repeat transparent;
			padding-right:15px;
		}
		.greenextlink:visited{
			color:#71a410;
			background:url(img/external.png) right no-repeat transparent;
			padding-right:15px;
		}
		
	.by_yellow {
		position:relative;
		float:right;
		background:url(img/by_red.png) no-repeat #ffffff;
		width:95px;
		height:37px;
	}
		.yellow:link {
				color: #C6C600;
				text-decoration:none;
		}
		.yellow:hover{
			text-decoration:underline;
				color:#C6C600;
		}
		.yellow:visited{
				color:#C6C600;
		}
		.by_red {
		position:relative;
		float:right;
		background:url(img/by_red.png) no-repeat #ffffff;
		width:95px;
		height:37px;
	}
		.red:link {
				color:#d50000;
				text-decoration:none;
		}
		.red:hover{
			text-decoration:underline;
				color:#d50000;
		}
		.red:visited{
				color:#d50000;
		}
#disimulado { position:relative; margin:auto; font-size:11px;color:#AFAFAF;}
#disimulado a:link {color:#AFAFAF; text-decoration:none;}
#disimulado a:visited {color:#AFAFAF; text-decoration:none;}
#disimulado a:hover {color:#AFAFAF; text-decoration:underline;}

.clear { clear: both;}

/*---------------------------------------------------------------------*/
/*----------------------->  Pruebas  <<<-------------------------*/
/*---------------------------------------------------------------------*/
.noborder_right { border-right:none;}
.right { float:right;}
.left { float:left;}
.topborder_grey { border-top:3px solid #999999;}
.topborder_or { border-top:3px solid #ea8d1e;}
.topborder_blu { border-top:3px solid #3b8ddd;}
.topborder_pur { border-top:3px solid #8118a4;}
.topborder_green { border-top:3px solid #71a410;}
.topborder_red { border-top:3px solid #d50000;}
.topborder_yellow { border-top:3px solid #C6C600;}
.error {color:#FF0000; text-align:left;}
.balloon {		border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;
		text-align:justify;
		padding:10px 0px;
		font-size:12px;
		line-height:14px;}
p.notiweb {text-indent:35px; line-height:17px;}