/* +----------------------------------------+
   |				estilos						|
   +----------------------------------------+  */
body {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#ffffff;
}
a {	
	text-decoration: none;
}	
a:hover { 
	text-decoration: underline;
}
.naranja { color: #ec6900; }
#main { 
	text-align: left; 
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
}
.imgDer { float:right; }
.imgIzq { float:left; }
.clear { clear:both; }
.borde { border: 1px solid #666666; }
.bordemargin { border: 1px solid #666666; margin-bottom:4px;}
.linea { border-bottom: 1px solid #666666; }
/* +----------------------------------------+
   |		estructura pagina inicio		|
   +----------------------------------------+  */
.inicioNaranja { width: 100%; background-color:#B401FF; text-align:center; }
.inicioNegro { width: 100%; background-color:#000000; text-align:center; margin: 0px 0px 1px 0px; }
.inicioNegro2 { width: 100%; height:50px; background-color:#000000; text-align:center; margin: 0px 0px 1px 0px; }

.inicioBlanco { width: 100%; background-color:#ffffff; text-align:center; }
#topInicio {
	width: 900px;
	height: 300px;
	text-align:center;
	margin-left: auto; 
	margin-right: auto;
}
#logoInicio {	
	float: left; 
	width: 300px; 
	height: 300px;
	background-color:#000000;
}
#menuInicio { 
	float: right; 
	width: 542px;
	background-color:#B401FF;
}
.margint40 {margin-top:40px;}

#menuInicio br {
	clear:both;
}
#menuInicio ul {
	float:left;
	list-style-type:none;
	color:#ffffff;
	margin: 0px;
	padding: 0px;
}
#menuInicio ul li {
	display: inline;
	text-transform:lowercase;
	color:#fce7d5;
	margin: 0px 10px 0px 10px;
}
#menuInicio ul li a {
	color:#ECBFFF;
	text-decoration:none;
}
#menuInicio ul li a:hover {
	color:#ffffff;
	text-decoration:none;
}
.font36 a { font-size:36px; }
.font36 a:hover { font-size:37px; }
.font30 a { font-size:30px; }
.font30 a:hover { font-size:31px; }
.font24 a { font-size:24px; }
.font24 a:hover { font-size:25px; }
.font20 a { font-size:20px; }
.font20 a:hover { font-size:21px; }
.font18 a { font-size:18px; }
.font18 a:hover { font-size:19px; }

#cuerpoInicio {height:300px;background-color:#000000;}
#cuerpoInicio .img {width:840px;margin:auto;padding:0px 30px 0px 30px;/*background-color:#B500FF;*/}

#colIzq { width: 270px; float: left; }
#colDer { width: 510px; float: right; }
/* +----------------------------------------+
   |		estructura paginas internas		|
   +----------------------------------------+  */
.internaNaranja { width: 100%; background-color:#B401FF; text-align:center; margin: 1px 0px 1px 0px; }
.internaNegro { width: 100%; background-color:#000000; text-align:center; margin: 0px 0px 1px 0px; }
.internaBlanco { width: 100%; background-color:#ffffff; text-align:center; }
/*
#cuerpoANTIGUO {width: 760px;height:554px;background: #ffffff url(imagenes/fondo2.gif) 0 0 repeat-y;text-align:center;margin-left: auto;margin-right: auto;padding-left: 17px;}
*/
#cuerpo {
	margin:auto;
	width:900px;
	height:680px;
	background: #ffffff url(imagenes/fondo2.gif) 0 0 repeat-y;
}
#contenedorLATERALES { 
	width:780px;
	text-align:center;
	margin-left: auto; 
	margin-right: auto;
}
#lateral1 {
	width: 165px;
	height: 552px;
	float:left;
	text-align:left;
	padding:1px;
	margin: 1px 3px 1px 4px;
}
#lateral1 br {
	clear:both;
}
#logo {	float: left; width: 163px; }

#menu { float: left; width: 163px; }

#menu ul {
	padding:6px;
	margin:0px;
	list-style-type: none;
}
#menu ul li {
	display: list-item;
	border-top: 1px solid #D980FF;
	padding: 4px 0px 6px;
}
#menu ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ECBFFF;
}
#menu ul li a:hover { 
	color: #ffffff; 
	text-decoration: none;
}
#submenu {
	float: left;
	width: 140px;
	margin-left: 8px;
	margin-top: -8px;
}
#submenu ul {
	padding:-10px 6px 2px 0px;
	list-style-type: none;
	margin: 0px;
}
#submenu ul li {
	display: list-item;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D980FF;
	padding-bottom: 2px;
}
#submenu ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ECBFFF;
}
#submenu ul li a:hover { 
	color: #ffffff;
	text-decoration: none;
}
/* +----------------------------------------+
   |				cuerpo						|
   +----------------------------------------+  */
#lateral2 {
	/*width: 380px;*/
	width:718px;
	height: 679px;
	float: left;
	text-align:left;
	padding: 0px;
	margin: 1px 3px 1px 3px;
	background-color: #000000;
	overflow: auto;
	scrollbar-3dlight-color:#999999;
    scrollbar-arrow-color:#000000;
    scrollbar-base-color:#000000;
    scrollbar-track-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-face-color:#666666;
    scrollbar-highlight-color:#3f3f3f;
    scrollbar-shadow-color:#666666;
}
#lateral3 {
	width: 135px;
	height: 474px;
	float: left;
	text-align:left;
	vertical-align:top;
	padding:1px 1px 0px 1px;
	margin-left: 3px;
	background-color: #4a4a4a;
}
/* +----------------------------------------+
   |			imagenes de fondo			|
   +----------------------------------------+  */
.base {
	width:99%;
	height:260px;
	text-align:right;
	border-bottom: 1px solid #666666;
}
.diseno { background:url(imagenes/diseno.jpg) 0 0 no-repeat;}
.filosofia { background:url(imagenes/lente.jpg) 0 0 no-repeat;}
.contacto { background:url(imagenes/contacto.jpg) 0 0 no-repeat; }
.producciones { background:url(imagenes/producciones.jpg) 0 0 no-repeat; }
.ficcion { background:url(imagenes/ficcion.jpg) 0 0 no-repeat; }
.documental { background:url(imagenes/documental.jpg) 0 0 no-repeat; }
.videoclip { background:url(imagenes/videoclip.jpg) 0 0 no-repeat; }
.videobooks { background:url(imagenes/videbook.jpg) 0 0 no-repeat; }
.eventos { background:url(imagenes/eventos.jpg) 0 0 no-repeat; }
.tv { background:url(imagenes/tv.jpg) 0 0 no-repeat; }
.video { background:url(imagenes/video.jpg) 0 0 no-repeat; }
.distribucion { background:url(imagenes/carrete2.jpg) 0 0 no-repeat; }
.proyectos { background:url(imagenes/camara.jpg) 0 0 no-repeat;  }
.servicios { background:url(imagenes/carrete3.jpg) 0 0 no-repeat;  }
.noticias { background:url(imagenes/carrete.jpg) 0 0 no-repeat;  }
.pequenoeduca { background:url(imagenes/pequenoeduca.jpg) 0 0 no-repeat; }
/* +----------------------------------------+
   |				etiquetas				|
   +----------------------------------------+  */
#cuerpo p {
	color: #cccccc;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	margin:0px 15px 10px 15px;
}
#cuerpo p.italica {
	width: 98%;
	color: #dedede;
	font-style: italic;
	text-align: center;
	margin: 10px;
	padding: 0px;
}

#cuerpo p.diez {
	color: #cccccc;
	font-size: 10px;
	text-align: center;
	margin: 10px;
	padding: 0px;
}
#cuerpo p.doce {
	color: #cccccc;
	font-size: 12px;
	margin: 10px;
	padding: 0px;
}
#cuerpo p.combinado {
	color: #cccccc;
	font-size: 12px;
	text-align: center;
	margin: 10px;
	padding: 0px;
	font-weight:bold;
}
#cuerpo p a {
	color: #B401FF;
	text-decoration:none;
}
#cuerpo p a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
#cuerpo td a {
	font-size: 11px;
	color: #fad7bb;
	text-decoration:none;
}
#cuerpo td a:hover {
	font-size: 11px;
	color: #fad7bb;
	text-decoration:underline;
}
#cuerpo h2 {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 28px;
}
#cuerpo h4 {
	color: #dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 35px 5px 5px;
	font-size: 12px;
	font-weight:bold;
}
#cuerpo h4 a {
	color: #dddddd;
	text-decoration:none;
}
#cuerpo h4 a:hover {
	color: #dddddd;
	text-decoration:underline;
}
#cuerpo h3 {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
}
#cuerpo h5 {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #666666;
	text-align:right;
	padding-bottom: 3px;
	margin: 5px;
}
#cuerpo h6 {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	padding-bottom: 5px;
}
#cuerpo blockquote {
	margin: 25px 15px 10px 15px;
}
.subraya {
	text-decoration:underline;
}
.rayas {
	border-bottom: 1px dashed #666666;
}
/* +----------------------------------------+
   |			pie de página				|
   +----------------------------------------+  */
#pieEGEDA {
	width:890px;
	padding:5px;
	margin: 1px auto 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-align:center;
}
#pie {
	width:890px;
	height:45px;
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
	text-align:center;
	margin-left: auto; 
	margin-right: auto;
}
#pie a {
	color: #cccccc;
	text-decoration:none;
}
#pie a:hover {
	color: #cccccc;
	text-decoration:underline;
}
.piecolDer {
	float: left;
	width: 44%;
	height:45px;
}
.piecolDer2 {
	float: left;
	width: 60%;
	height:45px;
}
.piecolCent {
	float: left;
	width: 44%;
	height:45px;
}

.piecolIzq {
	float: left;
	width: 12%;
	height:45px;
}
.piecolIzq2 {
	float: left;
	width: 12%;
	height:45px;
}
.piecolDer2 {
	float: left;
	width: 72%;
	height:45px;
}
.piecolIzq2 {
	float: left;
	width: 28%;
	height:45px;
}

.piecolDer h4 {
	font-size: 11px;
	margin: 2px 0px 6px 0px;
	text-align: left;
}
.piecolCent h4 {
	font-size: 11px;
	margin: 2px 0px 6px 0px;
	text-align: right;
}
.piecolIzq h4 {
	font-size: 11px;
	margin: 2px 0px 6px 0px;
	text-align: right;
}
.piecolDer p {
	font-size: 10px;
	margin: 0px;
	text-align: left;
}
.piecolDer2 p {
	font-size: 10px;
	margin: 0px;
	text-align: left;
}
.piecolCent p {
	font-size: 10px;
	margin: 0px;
	text-align: right;
}
.piecolIzq p {
	font-size: 10px;
	margin: 0px;
	text-align: right;
}
/* +----------------------------------------+
   |			formularios					|
   +----------------------------------------+  */
.transparente  {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #cccccc; font-weight: bold;
	text-decoration: none; vertival-align: middle; text-align: center; background-color: transparent; border: medium none; 
} 
/*
form { padding:5px 10px 5px 10px; border: 1px dotted #90C543; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #949494;}
input { display: block; float: left; margin-bottom: 10px;
 height: 18px; background-color: #FFFDF9; border: 1px solid #90C543;
}*/
/*input:focus {
	border: 1px solid #4F5BA7; background-color: #CC0000;
}*/
/*
label { display: block; text-align: right; float: left;
 width: 200px; padding-right: 20px;
}
form br { clear: left; } 
form strong { float: left;	margin-left: 5px; }
form span {	float: left; margin-left: 5px;}
textarea {background-color: #FFFDF9; font-size: 11px; border: 1px solid #90C543;}
select {background-color: #FFFDF9; font-size: 10px;  height: 18px; border: 1px solid #90C543;}

button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 20px; border: 1px none #90C543;
background-color: transparent; background-position:center; background-repeat:no-repeat; font-weight:normal; color:#333333;}
.boton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 20px; border: 1px none #90C543;
background-color: transparent; background-position:center; background-repeat:no-repeat; font-weight:normal; color:#333333;}
.boton20 { background-image:url(images/btn_20.gif); width:22px;}
.boton25 { background-image:url(images/btn_25.gif); width:27px;}
.boton30 { background-image:url(images/btn_30.gif); width:32px;}
.boton40 { background-image:url(images/btn_40.gif); width:42px;}
.boton50 { background-image:url(images/btn_50.gif); width:52px;}
.boton60 { background-image:url(images/btn_60.gif); width:62px;}
.boton70 { background-image:url(images/btn_70.gif); width:72px;}
.boton80 { background-image:url(images/btn_80.gif); width:82px;}
.boton90 { background-image:url(images/btn_90.gif); width:92px;}
.boton100 { background-image:url(images/btn_100.gif); width:102px;}
.boton110 { background-image:url(images/btn_110.gif); width:112px;}
*/
/* fin de formularios*/
#linea {
	font-size: 9px;
	color: #999999;
	height: 20px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
