@charset "UTF-8";

/************************************************************************
*
* LAYOUT GENERAL
*
************************************************************************/

body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#FFF;
	background:#143c44;
}

a {
	color:#FFF;
	outline:none;
}

a:hover {
	color:#fedecf;
}

.lienzo {
	position:relative;
	width:980px;
}

h1, h2, h3 {
	font-size:11px;
	font-weight:normal;
}

.header {
	float:left;
	width:960px;
	height:80px;
	margin-left:10px;
	display:inline;
	background:url(/images/header-back.jpg) bottom center no-repeat;
	position:relative;
}

	.header h1 {
		float:left;
		font-size:11px;
		color:#819195;
		letter-spacing:1px;
		margin:47px 0 0 1px;
		font-weight:bold;
		display:inline;
	}
	
	.header p {
		float:right;
		font-size:13px;
		color:#999;
		letter-spacing:1px;
		margin:25px 0 0 1px;
		display:inline;
	}
	
	.header a {
		position:absolute;
		width:405px;
		height:40px;
		left:0;
		top:5px;
		z-index:90;
	}
	
.imgCent {
	float:left;
	width:970px;
}

.buttons-wrapper {
	float:left;
	position:relative;
	width:960px;
	height:30px;
	margin-left:10px;
	display:inline;
	background:url(/images/buttons-wrapper-back.gif) top center;
}

	.buttons-wrapper a {
		float:left;
		height:22px;
		border-right:solid 1px #747474;
		padding:8px 10px 0 10px;
		font-size:13px;
		text-decoration:none;
		color:#000;
	}
	
		.buttons-wrapper a:hover {
			background:url(/images/buttons-wrapper-back.gif) bottom center;
			color:#FFF;
		}
		
	.buttons-wrapper span {
		float:left;
		height:22px;
		border-right:solid 1px #747474;
		padding:8px 10px 0 10px;
		font-size:13px;
		background:url(/images/buttons-wrapper-back.gif) bottom center;
		color:#FFF;
	}
		
a.language {
	float:right;position:relative;	
	height:16px;
	width:120px;
	background:url(/images/lang-back.gif) #4b4b4b right no-repeat;
	padding:4px 22px 0 7px;
	color:#CCC;
	font-size:11px;
	border:solid 1px #666;
	margin:4px 5px 0 0;
	display:inline;
	text-align:left;
}

	a.language:hover {
		background:url(/images/lang-back.gif) #4b4b4b right no-repeat;
	}
	
.sp {
	background:url(/images/sp.gif) no-repeat 75px 5px;
}

	.languageMenu a.sp:hover {
		background:url(/images/sp.gif) #000 no-repeat 75px 5px;
	}

.en {
	background:url(/images/en.gif) no-repeat 75px 5px;
}

	.languageMenu a.en:hover {
		background:url(/images/en.gif) #000 no-repeat 75px 5px;
	}
	
.languageMenu {
	position:absolute;
	background:#4b4b4b;
	border:solid 1px #999;
	right:5px;
	top:4px;
}

.languageMenu a {
	height:16px;
	width:70px;
	padding:4px 22px 0 7px;
	color:#FFF;
	font-size:11px;
	text-align:left;
}

	.languageMenu a:hover {
	}
	
.footer {
	float:left;
	width:960px;
	margin-left:10px;
	display:inline;
	height:90px;
	text-align:left;
}

.footer span {
	float:left;
	font-size:12px;
	line-height:18px;
	margin:20px 0;
}

	.footer span a{
		text-decoration:none;
		border-bottom:dotted 1px #FFF;
	}
	
	.footer span a:hover{
		border-bottom:dotted 1px #fedecf;
	}

a.cyberlogo {
	float:right;
	width:151px;
	height:24px;
	background:url(/images/cyberferia.gif);
	margin:30px 0 0 0;
}

/************************************************************************
*
* HOME
*
************************************************************************/

.hCentr {
	height:387px;
	background:url(/images/centrHome-back.jpg) center no-repeat;	
}

.home1 {
	float:left;
	margin:20px 0;
}

.hDest {
	float:left;
	width:480px;
}

	.hDest img {
		float:left;
		width:178px;
	}
	
	.hDest h2 {
		float:left;
		width:300px;
		text-align:left;
		font-size:12px;
		line-height:18px;
	}
	
		.hDest h2 strong {
			display:block;
			font-size:20px;
			font-weight:bold;
			margin:3px 0 7px 0;
		}
	
		.hDest h2 span {
			display:block;
			margin:13px 0 0 0;
		}
		
			.hDest h2 span a {
				border-bottom:dotted 1px #FFF;
				text-decoration:none;
			}
			
			.hDest h2 span a:hover {
				border-bottom:dotted 1px #fedecf;
			}
			
.home2, .intContent-wrapper {
	float:left;
	width:940px;
	background:#FFF;
	padding:10px;
	color:#000;
	font-size:12px;
	text-align:left;
	margin-left:10px;
	display:inline;
}

.home20, .home21 {
	float:left;
	width:460px;
	padding:0 0 0 10px;
	height:160px;
}

.home21 {
	width:459px;
	padding:0 10px 0 0;
	border-right:dashed 1px #CCC;
}

	.home2 strong {
		display:block;
		font-size:20px;
		font-weight:bold;
		margin:0 0 7px 0;
	}
	
		.home2 strong a {
			color:#000;
			text-decoration:none;
		}
		
		.home2 strong a:hover {
			color:#143c44;
		}
	
	.home2 p {
		font-size:12px;
		line-height:18px;
	}
	
	.home2 span {
		font-size:12px;
		line-height:18px;
	}
	
		.home2 span a {
			border-bottom:dotted 1px #000;
			color:#000;
			text-decoration:none;
			line-height:19px;
		}
		
		.home2 span a:hover {
			border-bottom:dotted 1px #143c44;
			color:#143c44;
		}
		
a.hTitsL {
	text-decoration:none;
}

	a.hTitsL:hover {
	}
		
		
/************************************************************************
*
* INTERNAS
*
************************************************************************/

.intInst, .intServ, .intCaton, .intDig {
	position:relative;
	width:980px;
	height:242px;
	margin-top:-14px;
}

	.intInst {
		background:url(/images/intituc.png);
	}
	
	.intServ {
		background:url(/images/servicios.png);
	}
	
	.intCaton {
		background:url(/images/catOnline.png);
	}
	
	.intDig {
		background:url(/images/divDigital.png);
	}

.intInst span, .intServ span, .intCaton span, .intDig span {
	font-size:35px;
	color:#666;
	position:absolute;
	right:20px;
	top:20px;
	line-height:35px;
}

.intContent-wrapper {
	margin-top:20px;
	padding:0;
	width:960px;
}

.intLeft {
	float:left;
	width:170px;
	margin:0 0 20px 0;
	border-right:dashed 1px #CCC;
	border-bottom:dashed 1px #CCC;
	padding-top:5px;	
}

	.intLeft span {
		display:block;
		background:url(/images/intLeft-active.gif) #1e5561 bottom repeat-x;
		padding:5px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:21px;
		font-style:italic;
		font-weight:bold;
		color:#FFF;
		line-height:25px;
	}
	
	.intLeft a {
		display:block;
		padding:13px 5px;
		font-size:19px;
		color:#000;
		border-bottom:solid 1px #CCC;
		text-decoration:none;
		line-height:21px;
	}
	
	.intLeft a:hover {
		color:#FFF;
		background:#666;
	}
	
	.intContent {
		float:left;
		width:700px;
		margin:20px 0 20px 44px;
		padding-bottom:20px;
		display:inline;
	}
	
		.intContent h2 {
			display:block;
			font-weight:bold;
			font-size:16px;
			margin:0 0 10px 0;
		}
		
		.intContent span {
			display:block;
			font-size:13px;
			line-height:20px;
		}
		
		.intContent a {
			text-decoration:underline;
			color:#000;
		}
		
		.intContent a:hover {
			color:#143C44;
		}
		
.intFot {
	float:left;
	width:100%;
	margin-top:20px;
	text-align:center;
}

.intFot a {
	margin-right:9px;
}

.intFot img {
	border:solid 1px #CCC;
}

.intFotL img {
	position:absolute;
	z-index:99;
	left:50%;
	margin-left:-305px;
	top:20px;
	border:solid 5px #FFF;
}
		
		
/************************************************************************
*
* FORMULARIOS
*
************************************************************************/

.fBack {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#333;
	filter:alpha(opacity=85);
	opacity: 0.85;
	z-index:90;
}

.f-wrapper {
	position:absolute;
	width:600px;
	background:#FFF;
	left:50%;
	top:20px;
	margin:0 0 0 -300px;
	z-index:99;
	color:#000;
	font-size:12px;
}

	.f-wrapper table input, .f-wrapper textarea {
		border:solid 1px #CCC;
		padding:4px;
		width:250px;
		margin-left:10px;
	}
	
	.f-wrapper textarea {
		height:100px;
	}
	
	.f-wrapper table {
		margin:0 0 20px 0;
	}
	
	.f-wrapper table td {
		padding:3px 0;
	}
	
		.f-wrapper table td span {
			color:#F00;
			position:relative;
			margin:0 3px 0 -8px;
		}
	
	.fButton {
		font-size:16px;
		font-weight:bold;
	}

.fTit {
	display:block;
	font-size:17px;
	font-weight:bold;
	margin:20px 0 10px 0;
	line-height:20px;
}

a.fCerrar {
	font-size:12px;
	color:#143c44;
	display:block;
	margin:15px 0;
}

.intUp {
	margin:10px;
	padding:5px;
	border:dotted 1px #CCC;
	cursor:pointer;
}