/* CSS Document */
/* Estilos default ==================================================== */ 
* {
	margin: 0;
	padding: 0;
}

/**************************/
body {
	/* Textos default */
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#5a5959;
	
	
}
#msjError{
	display:none;
}
#msjOk{
	display:none;
}

/* Links */
a, a:visited, a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.centrado {
	margin-left: auto;
	margin-right: auto;
}


/* Estilos de Head ====================================================================== */
#head{
	width:968px;
	margin:0 auto;
	height:87px;
	font-size:10px;
	color:#494949;

}
#head a, #head a:link, #head a:active, #head a:visited{color:#494949;}
#head a:hover{ color:#EF4E17; text-decoration:underline;}
/* Estilos de Menu ====================================================================== */

/* Estilos de modulos de contenido ===================================================== */
#contenedor{
	width:968px;
	margin:0 auto;
}
#menu{
	float:left;
	width:168px;

}
.contenido{ float:left; width:800px;}

#destacado_home{
	width:800px;
	height:327px;
	background:url(../img/fondos/fondo_destacado_flash.jpg) no-repeat top;
}
#destacado_reel{
	width:800px;
	height:499px;
	background:url(../img/fondos/fondo_destacado_reel.gif) no-repeat top;
	
}
#destacado_chico{
	width:800px;
	height:237px;
	background:url(../img/fondos/fondo_destacado_chico2.gif) no-repeat top;
}
#destacado_green{
	width:800px;
	height:237px;
	background:url(../img/fondos/fondo_destacado_green.gif) no-repeat top;
}
#cajaDestacado{
	width:555px;
	min-height:131px;
	
	/*height:131px;*/
	background-color:#e7e7e7;
	float:left;
	font-size:11px;;
	color:#565656;
}
#cajaDestacado2{
	width:258px;
	min-height:128px;
	
	
	background-color:#e7e7e7;
	float:left;
	
	color:#565656;
}
#cajaDestacado .foto,
#cajaDestacado2 .foto{
	width:242px;
	height:112px;
	margin:8px;
	border:1px solid #cacaca;
	float:left;
}
#cajaDestacado .txt{
	margin:10px 2px;;
	width:280px;
	float:left;

}

/* Cajas del portfolio con screenshots y logos ---------------------------------- */

		#cajaPortfolio, #cajaPortfoliogrande {
			background-color:#e7e7e7;
			float:left;
			font-size:11px;;
			color:#565656;
			margin:6px;
		}
		
		#cajaPortfolio{
			width:244px;
			height:165px;
		}
		
		#cajaPortfoliogrande {
			width:372px;
			height:170px;
		}
		
		#cajaPortfolio .foto, #cajaPortfoliogrande .foto{ border:1px solid #999999; }
		#cajaPortfolio .foto { width:242px; height:112px; }
		#cajaPortfoliogrande .foto { width:357px; height:112px; margin: 7px 0 0 7px; }
		
		#cajaPortfolio .txt { margin:5px 10px; }
		#cajaPortfoliogrande .txt {
			padding: 10px 0 0 15px;
		}
		
		#cajaPortfolio .foto a { display:block; width:242px; height:112px; }
		#cajaPortfoliogrande .foto a { display:block; width:357px; height:112px; }
		
		
/* ---------------------------------- */

.juegoPortfolio .borde {
	padding: 15px;
	background-color:#c0c0c0;
	/*width:550px;*/
}

.juegoPortfolio {
	width: 100%;
	background-color:#E6E6E6;
}


.colStaffDer {
	width:265px;
	float: left;
	margin-left: 5px;
	_margin-left: 0;
	margin-right: 0;
}

.colStaffIzq {
	width:245px;
	float: left;
	margin-left: 25px;
	_margin-left: 13px;
}

#cajaStaff_gr{
	width:244px;
	height:154px;
	background-color:#e7e7e7;
	float:left;
	font-size:11px;;
	color:#565656;
	
	/*margin:12px 8px;*/
}
#cajaStaff_ch{
	width:116px;
	height:98px;
	background-color:#e7e7e7;
	float:left;
	font-size:10px;
	color:#565656;
	/*margin:12px 8px;*/
}
#cajaStaff_gr .foto, #cajaStaff_ch .foto {
	border:1px solid #999999;
	
}
#cajaStaff_gr .foto {
	width:242px;
	height:112px;
}

#cajaStaff_gr .txt{
	margin:5px 10px;

}
#cajaStaff_ch .foto{
	width:114px;
	height:72px;
}
#cajaStaff_ch .txt{
	margin:5px 10px;

}
.margen14{margin-left:14px;}
.margen16{margin-left:16px;}
.margen27{margin-left:27px;}

/* Estilos de Texto ===================================================================== */
hr{
height:5px;
margin:10px;
border:none;
color:white;
border-bottom:1px solid #eee;
}

p{ line-height:18px; text-align:justify;}
.sinjus{ line-height:16px; text-align:left;}

h1{ font-size:22px;}
h2{ font-size:22px;}
h3{ font-size:16px;}
h4{ font-size:14px;}

.h1_green{ font-size:22px;}
.h2_green{ font-size:22px;}
.h3_green{ font-size:16px;}
.h4_green{ font-size:14px;}

.h3_naranja{ font-size:16px; color:#f25e1e;}

.h4_verde{font-size:12px; color:#4f8f14; font-weight:bold; line-height:17px;}

.mayuscula{ text-transform:uppercase;}

.txt_naranja{ color:#f15b1f;}
.vermas{ font-size:11px; color:#f15b1f;}
.vermas a, .vermas a:link, .vermas a:active, .vermas a:visited{color:#f15b1f;}
.vermas a:hover{ text-decoration:underline;}

ul{margin-left:25px; padding-left:20px; list-style:none;}
li{padding-left:20px; background:url(../img/bullets/mas.gif) no-repeat 0px 3px;}


/* Estilos de Fondos ===================================================================== */

/* Estilos de Formularios ================================================================ */

.form_cotizacion {

}

.form_cotizacion .miInput {
	width: 90%;
	background-color: #F4F4F4;
	border: 0;
	padding: 3px 8px;
	color: #EF4E17;
	margin-top: 3px;
	border-bottom: 2px solid #DDD;
}

.form_cotizacion .error {
	background: #EEC6C1;
	color: #FF0000;
	border-bottom-color: #FF0000;
}

.form_cotizacion .miInput_otros {
	width: 50%;
}

.form_cotizacion label {
	cursor: hand;
	cursor: pointer;
}

.mensaje_error, .mensaje_envioOk {
	margin: 15px 0;
	border: 1px solid #DDDDDD;
	padding: 15px 0 0 80px;
	height: 65px;
	border-left: 15px solid #DDDDDD;
}

.mensaje_error { background: url(../img/iconos/icono_error.gif) 15px 15px no-repeat; }
.mensaje_envioOk { background: url(../img/iconos/icono_ok.gif) 15px 15px no-repeat; }

#msjError{ display:none; }

/* Estilos de la seccion Clients ===================================================================== */

.colClientsList {
	float:left;
	width:240px;
	_width: 235px;
	padding-right:10px;
}

.colClientsList ul {
	margin: 10px 0 20px 0;
	padding: 0;
}

.colClientsList ul li.link { background:url(../img/bullets/homepage.gif) no-repeat 0px 3px; }

.colClientsList ul li.link a,
.colClientsList ul li.link a:link,
.colClientsList ul li.link a:hover,
.colClientsList ul li.link a:active,
.colClientsList ul li.link a:visited {
	color: #f8652d;
	text-decoration: underline;
} 

/* Contenedor Biografía ================================================================== */

	.contendorBio {
	}

	.contendorBio .titulo{
		width: 280px;
		//width: 260px;
		height: 102px;
		background-color: #f4f3f3;
		padding: 10px 0 0 30px;
		float: left;
		clear: none;
	}
	
	.contendorBio .foto {
		height: 112px;
		width: 244px;
		right: -1px;
		float: left;
	}
	
	.contendorBio .contenido {
		width: 505px;
		//width: 480px;
		padding: 10px 30px;
	}

	.contendorBio .contenido p {
		margin: 10px 0;
	}

	.contendorBio .volver {
		font-weight: bold;
		font-size: 11px;
		padding: 0 0 15px 30px;
	}

/* Video Intersitial ========================================================================== */

	#videoIntersitial {
		position: absolute;
		top: 90px;
		left: 50%;
		margin-left: -245px;
		z-index: 200;
		height: 530px;
		width: 650px;
	}


/*  Casos destacados ============================================================================================== */

	.contenido_caso {
		position: relative;
		margin-left:14px;
		float:left;
		width:505px;
	}

	.contenido_caso .volver {
		padding: 0 0 10px 0px;
		font-size: 11px;
		font-weight: bold;
	}
	
	.contenido_caso .ver_sitio{
		position: absolute;
		right: 0;
		width: auto;
	}

/* TagCloud ======================================================================================================= */

#tagCloud {
	width:225px;
	margin:0 auto;
	text-align:justify;
}

#tagCloud .color01 { color:#757575; }
#tagCloud .color02 { color:#f58c62; }
#tagCloud .color03 { color:#8b8a8a; }

#tagCloud .size01 { font-size:23px; letter-spacing:-1px; }
#tagCloud .size02 { font-size:15px; letter-spacing:-1px; font-weight:bold; line-height:23px; }
#tagCloud .size03 { font-size:17px; letter-spacing:-1px; word-spacing:-4px; line-height:24px; font-weight:bold; }
#tagCloud .size04 { font-size:19px; letter-spacing:-1px; }
#tagCloud .size05 { font-size:22px; letter-spacing:-1px; }
#tagCloud .size06 { font-size:20px; letter-spacing:-1px; }

/*  Casos destacados ============================================================================================== */

ul.terminosCondiciones li {
	margin: 0 0 20px 0;
}


ul.terminosCondiciones li ul {
	list-style: decimal;
}


ul.terminosCondiciones li ul li {
	background-image: none;
	font-weight: bold;
	padding: 0;
}

ul.terminosCondiciones li ul li span {
	font-weight: normal;
}
/* Estilos de Foot ====================================================================== */
#foot{
	width:968px;
	margin:0 auto;
	background:url(../img/fondos/footer.gif) no-repeat top right;
	height:141px;
	font-size:10px;
	color:#494949;

}
#foot a, #foot a:link, #foot a:active, #foot a:visited{color:#494949;}
#foot a:hover{ color:#EF4E17; text-decoration:underline;}
.logos{ float:left;}

#foot td ul{
	list-style:none;
	font-size:10px;
	color:#858585;
	margin:0px ;
	padding:0px ;
}
#foot td li{
	background-image:none;
	margin:0px ;
	padding:0px ;
	
}

/* Juego Futbol Cabezon =================================================================*/
		
		.juego_futbol_cabezon {
			width: 990px;
			height: 630px;
			z-index: 100;
			position: absolute;
			margin: 0 auto;
			top: 0;
			left: 50%;
			margin-left: -495px; 
		}
		
		.banner_juegoCabezon {
			margin-left:  25px;
		}

/* Boton archivo de novedades ========================================================= */

		.bot_archivo {
			width: 76px;
			height: 25px;
			/*position: absolute;
			right: 10px;
			top: 7px;*/
		}
a.facebook{ background:url(../img/iconos/facebook.jpg) center top no-repeat; display:block; width:26px; height:26px; outline:none; border:none; margin:0 5px;}
a.facebook:hover{ background-position:center bottom;}
/* hack para IE, no tocar ni alterar ==================================================== */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */