/* CSS Document */

body{
	background-color:#FFF;
	margin:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7E8388;
}

img, .copyrights, .listas li{ 
	behavior: url(iepngfix.htc);/* Para los png transparentes */
}

a img{
	border:none;
}

a{
	text-decoration:none;
	color:#2C4763;
}

a:hover{
	color:#5BB5E1;
}

strong{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#D0F0FF;
}


h1{
	background:url(graf/h1.gif) center no-repeat;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	margin:10px 0;
}

h2{
	background-color:#87D8FF;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#2D4965;
	margin:0 0 10px 0;
	_margin:0 0 10px 24px !important;
	padding:2px 30px;
	display:block;
	width:520px;
}


/* Estructura */

#contenedor{
	border:1px solid #EDEAEA;
	padding:0 10px 10px 10px;
	width:958px;
	margin:5px auto 0 auto;
}

#top{
	background:url(graf/bg-top.gif) -10px 0 no-repeat;
	margin:0;
	display:block;
	position:relative;
	height:115px;
}

#contenidos{
	background:url(graf/bg-camara.jpg) no-repeat #3885AA;
	margin:10px 0;
	padding:60px 0 10px 0;
	display:block;
}
#contenidos-secciones{
	background:url(graf/bg-secciones.jpg) no-repeat #3885AA;
	margin:10px 0;
	padding:15px 0 10px 0;
	display:block;
}
#contenidos-secciones-galeria{
	background:url(graf/bg.jpg) no-repeat #3885AA;
	margin:10px 0;
	padding:15px 0 10px 0;
	display:block;
}


#pie{
	background:url(graf/fuhao-az-tec-pro.gif) right no-repeat;
	margin:10px;
	display:block;
	height:75px;
	padding:0;
	color:#000000;
}
#pie p{
	padding:55px 0 0 42px;
}


/* Clases */

.reset{
	clear:both;
	margin:0;
	font-size:1px;
}

.logo{
	top:35px;
	left:30px;
	position:absolute;
}

.idioma{
	position:absolute;
	width:122px;
	padding:4px 0;
	text-align:center;
	background-color:#697075;
	top:0;
	left:831px;
}
.idioma a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#C6C8C9;
}
.idioma a:hover{
	color:#6FCFFF;
}

.menu{
	position:absolute;
	color:#D6D8D8;
	display:block;
	top:80px;
	left:428px;
}
.menu a{
	margin:0 15px;
}

.critica{
	letter-spacing:3px;
	color:#A88C6E;
}

.perfil-modulo{
	border:1px solid #A2B5C2;
	padding:14px 10px;
	display:inline-block;
	width:234px;
	margin:0 0 50px 48px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:22px;
}
.perfil-modulo a{
	color:#CFEBFF;
	margin:0 20px 0 0;
	display:block;
	text-align:right;
}
.perfil-modulo a:hover{
	color:#FFF;
}

.secciones{
/*	border:1px solid #A2B5C2;*/
	padding:14px 10px;
	display:block;
	width:534px;
	margin:10px 0 10px 40px;
	_margin:10px 0 10px 20px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:18px;
	float:left;
}
.secciones-derecha{
	float:right;
	width:300px;
	padding:230px 0 0 0;
	display:block;
}

.secciones-galeria{
	padding:14px 10px;
	display:block;
	margin:10px 0 10px 40px;
	_margin:10px 0 10px 20px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:22px;
}
.secciones-galeria img{
	margin:50px 20px 10px 20px;
}

.copyrights{
	background:url(graf/bg-copyrights.png) repeat-x;
	color:#FFFFFF;
	font-size:11px;
	display:block;
	padding:5px 50px;
	margin:50px 0 15px 0;
	width:858px;
}

.pie{
	background:url(graf/bg-pie.gif) -10px 0 repeat-y;
	margin:10px 0 0 0;
	padding:25px 14px 0 76px;
	display:block;
}

.ver-video{
	margin:15px;
	float:left;
}

.eqiupamiento-modulo{
	float:left;
	border:1px solid #E7E7E7;
	width:254px;
	padding:14px 0;
	text-align:center;
	margin:0 20px 10px 30px;
	display:block;
}

.pie-modulo{
	float:left;
	color:#000000;
	margin:0;
	padding:0;
	display:block;
	width:340px;
	text-align:right;
	padding:25px 0 0 0;
	background:url(graf/fuhao-az-tec-pro.gif) bottom no-repeat;
	height:170px;
	_height:164px;
}


/* Listas */

.listas{
	list-style:none;
	margin:10px 40px 20px 0px;
	padding:0;
}

.listas li{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding:6px 15px 4px 20px;
	margin:12px 0 5px 0;
	color:#FFF;
	_padding:0 15px 4px 20px;
	background:url(graf/li.png) 0 4px no-repeat;
	text-transform:uppercase;
}
.listas li a{
	color:#FFFFFF;
}
.listas li a:hover{
	color:#87D8FF;
}

.columnas{
	float:left;
	margin:10px 0 10px 30px;
	display:block;
	width:250px;
	_margin:10px 0 10px 20px;
}
.columnas ul{
	list-style:none;
	margin:20px 0 20px 5px;
	padding:0;
}
.columnas ul li{
	margin:5px 0;
	padding:0 0 0 16px;
	background:url(graf/items.gif) 0 6px no-repeat;
}

.destacados{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#8ACFFF;
	padding-bottom:3px;
	border-bottom:1px solid #8ACFFF;
	display:block;
}

.parrafo-mensaje-form{
	margin:95px 0 90px 40px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.firma{
	width:900px;
	text-align:right;
	margin:10px auto;
	display:block;
}
.firma a{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#b4b4b4;
}

/*formularios*/

form{
	margin:0;
	padding:0;
	text-align:right;
	width:300px;
}

.form-contacto{
/*	background-color:#F7F7F7;
	border:1px solid #E2E2E2;*/
	padding:0px 150px 25px 0;
	margin:35px auto;
	font-size:11px;
}
.form-contacto input[type="text"], input[type="password"], textarea{
	width:150px;
	background-color:#fff;
	border:1px solid #3885AA;
	vertical-align:middle;
	margin:4px 0 4px 14px;
	padding:2px 5px;
	vertical-align:middle;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#1B4771;
}

.form-contacto-input{
	width:150px;
	background-color:#fff;
	border:1px solid #3885AA;
	vertical-align:middle;
	margin:4px 0 4px 14px;
	padding:2px 5px;
	vertical-align:middle;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#1B4771;
}

input[type="submit"]{
	background-color:#4AB6EA;
	border:none;
	color:#FFFFFF;
	padding:3px 25px;
	text-align:center;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.botones-form{
	background-color:#4AB6EA;
	border:none;
	color:#FFFFFF;
	padding:3px 25px;
	text-align:center;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

label{
	display:block;
}