/* COMIENZO DEL RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: bottom;
	text-align:left;

}

body {
     line-height: 1;
     overflow-x: auto;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}



table {
     border-collapse: collapse;
     border-spacing: 0;
     line-height: 1.3;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     height: 1px;
}

body { font: 100% georgia, sans-serif;
	line-height: 1.88889;
	margin: 0; 
	padding: 0;
	top: 0px;
	margin:0 auto;
	text-align:center;
}


/* RESET HASTA AQUI */


/* tipografia */

a {
	line-height: 1.3em;
	font-size: 11px;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana;
	text-decoration: none;
	text-align: left;
			
}

a:hover{
	color: black;
	text-decoration: none;
		
	}



p {	
	text-align: 		left;
	line-height: 		1.3em;
	font-size: 			12px;
	font-weight: 		bold;
	color: 				#838180;
	font-family: 		Helvetica, Arial, Verdana;
	text-decoration: 	none;
}
	


li {	
	text-align: 		left;
	line-height: 		1.4em;
	font-size: 			11px;
	font-weight: 		bold;
	color: 				#838180;
	font-family: 		Helvetica, Arial, Verdana;
	text-decoration: 	none;
	display: 			inherit;
	zoom: 1; 
}




	
	
/* MAQUETACI”N - NO INCLUIR COLORES */

#div_home {
	position: 		absolute;
	top:			40px;
	left: 			400px;
	height: 		730px;
	width:			800px;
}


#logoIzq {
	position:		relative;
	left: 			0px;
	top:			0px;
	width: 			100%;
	height: 		160px;
	z-index: 		15;
}


#div_img {
	position: 		relative;
	padding-top: 	5px;
	padding-bottom: 0px;
	padding-left:	20px;
	width: 			101px;
	height: 		130px;
}


#div_menu {
	padding-top: 	25px;
	position: 		absolute;
	width: 			auto;
	text-align: 	left;
	top:			0px;
	left: 			160px;
}



#menuTrabajos {
	padding-top: 	25px;
	position: 		absolute;
	width: 			auto;
	text-align: 	left;
	top:			0px;
	left: 			320px;

}

#menuTrabajos2 {
	padding-top: 	25px;
	position: 		absolute;
	width: 			auto;
	text-align: 	left;
	top:			0px;
	left: 			410px;
}

#menuTrabajos3 {
	padding-top: 	25px;
	position: 		absolute;
	width: 			auto;
	text-align: 	left;
	top:			0px;
	left: 			520px;
}


#menuTrabajos4 {
	padding-top: 	25px;
	position: 		absolute;
	width: 			auto;
	text-align: 	left;
	top:			0px;
	left: 			650px;
}

#menuTrabajos5 {
	padding-top: 	25px;
	position: 		absolute;
	width: 			auto;
	text-align: 	left;
	top:			0px;
	left: 			790px;
}


#div_contenido {
	position: 		absolute;
	top:			0px;
	left: 			150px;
	width:			auto;
	
}

#div_contenido.loading {
	background: url(/imagenes/loader.gif) no-repeat center center;
	}



#tabla {
	bottom: 		0px;
	height: 		700px;
}

.celda {
	vertical-align:	bottom;
	bottom:			0px;
	line-height: 1.3;
	background: url(/imagenes/loader.gif) no-repeat center 750px;
}

.celda2 {
	vertical-align:	top;
	bottom:			0px;
	line-height: 1.3;
}



#nav {
	position: 		fixed;
	top:			0px;
	right:			0px;
	z-index: 		20;
	padding: 		20px;
	
}


.textotitulo {
	font-weight: 	bold;
	font-size: 		11px;
	line-height: 	1.3;
	color: 			black;

} 



#acordeon {
	position: absolute;
	width: 240px;
	left: 180px;
	top: 760px;
	padding-bottom: 30px;
	padding-top: 10px;
}



.Trayectoria {
	float: left;
	padding-top: 		220px;
	
}

.Curs {
	font-style: italic;
}

.Inspiraciones {

	padding: 			190px 0 15px 0;
	vertical-align: 	top;
	bottom: 			0px;
	width: 				585px;
}

.marcas {

	padding: 			190px 15px 0 0;
	vertical-align: 	top;
	bottom: 			0px;
	width: 				585px;
}

.textoabajo {
	font-weight: 	normal;
	font-size: 		10px;
	line-height: 	1.3;
	color: 			black;
	vertical-align: top;
}

.celda3 {
	vertical-align:	bottom;
	bottom:			0px;
	line-height: 1.3;
}

.textomarcas {
	padding: 2px 0 10px 15px ;
	font-weight: 	normal;
	font-size: 		10px;
	line-height: 	1.3;
	color: 			black;
	vertical-align: top;
	margin-right: 	15px;
	background-color: #e2e2dd;
	height: 		25px;
		
}

#Inspirations {
	
	margin: 0 0 0 9px;
	
	}
	
.edu {
	padding: 8px 0 0 4px;}

.videoFlash {
	float: left;
	padding-top: 		220px;

	}

.oculto {
	visibility: hidden;
}

.div_player {
	float: left;
	margin-top: 230px;
	height: 540px;
	width: auto;
	margin-right: 15px;	
}

#controladorIzq {
	position: fixed;
	z-index: 15;
	top: 0px;
	width: 75px;
	overflow: none;
	height: 100%;
	
} 

#controladorDrch {
	position: fixed;
	z-index: 15;
	top: 0px;
	right: 0px;
	width: 75px;
	overflow: none;
	height: 100%;
}

#dinamo {
	position:			absolute;
	top:				130px;
	width:				1508px;
	height:				650px;
	background:	url("../pages/dinamo/dinamo.jpg");
}

#dinamo:hover {
	
	background:	url("../pages/dinamo/dinamo.jpg") 0 -650px;
}

#copyr {

	position: absolute;
	left: 20px;
	bottom: 10px;
	background-color: #fff;
	padding: 1px 5px;
	z-index: -50;}
	
#copyr a{
	font-size: 10px;}