@charset "utf-8";

body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

div.contenido {
	height: 100%;
	width: 985px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana;
}

div.encabezado {
	width: 958px;
	height: 251px;
	padding: 0px;
	margin: 0px;
}



div.cuadro-a {
	width: 672px;
	height: 100%;
	padding: 0px;
	margin: 1px 0px 0px;
	float: left;
	clear: left;
}

div.cuadro-b {
	width: 310px;
	height: 100%;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	float: left;
}

div.fondo {
	margin-top: 2px;
}

.img-f  {
	margin: 0px 0px -4px;
	padding: 0px;
}

p.sec {
	font-family: Arial;
	font-size: 22pt;
	margin: 15px 0px 15px;
	text-align: right;
}

div.desarrollo-a {
	width: 632px;
	margin: 0px 20px 0px;
	padding: 0px;
	color: #ffffff;
	position: absolute;
	z-index: 1;
}

div.color-a {
	width: 666px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	border-left: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	background-color: #002000;
}

div.desarrollo-b {
	width: 270px;
	margin: 15px 20px 0px;
	padding: 0px;
	color: #ffffff;
	position: absolute;
	z-index: 1;
}

div.color-b {
	width: 304px;
	height: 130px;
	margin: 0px;
	padding: 0px;
	border-left: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	background-color: #29622b;
}

img.c-pie {
	margin-bottom: 1px;
}

div.menu {
	clear: both;
	text-align: center;
	border-top: 2px solid #cccccc;
	margin: 10px 200px 0px;
	padding: 0px;
}

div.videos {
	width: 460px;
	height: 375px;
	margin: 0px;
	padding: 0px;
	border: 2px dotted #fff;
}

div.videos2 {
	width: 480px;
	height: 385px;
	margin: 0px;
	padding: 0px;
	border: 2px dotted #fff;
}

h1 {
	font-size: 14px;
}

h1.tit-grandes {
	font-size: 20px;
}

h2 {
	font-size: 12px;
}

p {
	font-size: 11px;
	text-align: justify;
}

li {
	font-size: 11px;
}

.en-linea {
	font-size: 11px;
	font-weight: normal;
}

div#index p, div#index h2 {
	margin: 0px;
	padding: 0px;
}

div.desarrollo-a a {
	color: #dd1a1a;
	font-weight: bold;
	text-decoration: none;
}

div.desarrollo-a a:hover {
	color: #ff9900;
	text-decoration: none;
}

div.desarrollo-b a {
	color: #fc6;
	font-weight: bold;
	text-decoration: none;
}

div.desarrollo-b a:hover {
	color: #f90;
	text-decoration: none;
}

div.menu p {
	font-family: Impact;
	font-size: 9pt;
	color: #999999;
}

div.menu a {
	text-decoration: none;
	color: #999999;
}

div.menu a:hover {
	text-decoration: none;
	color: #7d1a1a;
}

p.sec span a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

p.sec b {
	font-size: 18px;
	color: #FFFFFF;
}

a.ico img  {
	width: 15px;
	height: 15px;
	border: 1px solid #aaa;
}

a.ico:hover img {
	border: 1px solid #fff;
}

div.trio {
	margin:0 30px;
	padding:0;
}

.trio div.inicioswf {
	border:1px solid #ffffff;
	padding:0;
	margin:0;
}

.trio p {
	text-align:center;
	margin:0;
}

.destacado {
	font-size:12px;
	color:#f90;
	border:2px dotted #ffffff;
	padding:5px;
}
/*-------------LINK CON POP-UP-------------------*/

a.popup, a.popup:visited {
	color:#c00; 
	position:relative; 
	z-index:1;
}

a.popup b {
	position:absolute;
	visibility:hidden; 
	width:300px; 
	height:0;            
	border:1px solid #ddd; 
	left: -80px; 
	top:-200px;
}

#hoverchicos a.popup b {
	position:absolute;
	visibility:hidden; 
	width:80px; 
	height:0;            
	border:1px solid #ddd; 
	left: 0px; 
	top:-80px;
}

#hovermedianos a.popup b {
	position:absolute;
	visibility:hidden; 
	width:124px; 
	height:0;            
	border:1px solid #ddd; 
	left: 0px; 
	top:-100px;
}

a.popup:hover {
	text-decoration:none; 
	border:0; 
	z-index:1000;
}

a.popup:hover b {
	visibility:visible;
	height:200px; 
	cursor:pointer; 
	z-index:1000;
}

#hoverchicos a.popup:hover b {
	visibility:visible;
	height:80px; 
	cursor:pointer; 
	z-index:1000;
}

#hovermedianos a.popup:hover b {
	visibility:visible;
	height:100px; 
	cursor:pointer; 
	z-index:1000;
}

a.popup:hover b img {
	border:0;
}

/*---------FIN DE LINK CON POP-UP-------------*/

/*---------LINK-1-----------------------------*/

div.desarrollo-a a.link-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #aaaaaa;
	font-size: 14px;
}

div.desarrollo-a a.link-1:hover {
	color: #FF9900;
}

div.desarrollo-b a.link-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #bbb;
	font-size: 14px;
}

div.desarrollo-b a.link-1:hover {
	color: #fa3;
}

.fotos-texto {
	float: right;
	border: 1px solid #dddddd;
	background-color: #dddddd;
	margin: 20px 0px 20px 20px;
}

.foto-res {
	font-style: italic;
	color: #000000;
	text-align: center;
}

.ital {
	font-style: italic;
	font-size: 10px;
}

/*--------   GALERIA DE FOTOS  ---------*/

.fotos img {
	margin: 0px;
	padding: 0px;
	border: 3px solid #fff;
	position: absolute;
	z-index: 10;
	left: -670px;
	top: 30px;
	visibility: hidden;
}

.galeria a:hover .fotos img{
	visibility: visible;
}

.galeria ul {
	text-align: center;
	margin:0px;
	padding:0px;
}

.galeria ul li {
	display: inline;
}

.galeria ul li img {
	border: 1px solid #fff;
	margin-top: 25px;
}


/*-----------------------------GALERIA DE STU-----------------------------------*/


#menu {
	position:relative;
}

#menu h1#loading {
	position:absolute; 
	left:400px; 
	top:220px;
}

#menu ul {
	padding:0; 
	margin:0; 
	list-style:none;
}

#sub0 {
	margin: 0px 55px 0px;
}

#sub1 {
	position:absolute; 
	left: 20px; 
	top: 80px;
}

#sub2 {
	position:absolute; 
	left: 0px; 
	top: 60px;
}

#sub0 ul {
	width: 200px;
}

#sub0 li {
	width: 70px;
	height: 70px;
	border: 2px dotted #fff;
	margin: 2px;
	float: left;
	display: inline;
	text-align: center;
	background: #002000;
}

#sub0 li img {
	margin: 2px 0px; 
	border:1px solid #dd1a1a;
}

#sub0 li.clicked {
	color:#f90;
}

#sub1 ul {
	width:640px;
}

#sub1 ul li {
	width: 140px; 
	height: 140px; 
	border: 2px dotted #fff; 
	margin:1px; 
	float:left; 
	display:inline; 
	background:#29622b; 
	text-align:center;
}

#sub1 ul li img {
	border:1px solid #7d1a1a;
}

#sub1 ul li img.vert {
	margin: 5px auto;
}
 
#sub1 ul li img.horz {
	margin: 20px auto;
} 

#sub2 ul li {
	width:650px; 
	height:650px; 
	padding:0px; 
	text-align:center;
}

#sub2 ul li img {
	position:relative; 
	z-index:10; 
	border: 4px solid #ddd;
}

#sub2 ul li img.vert {
	margin: 0px;
}

#sub2 ul li img.horz {
	margin: 30px 0px 0px 0px;
}

#sub2 ul li b {
	display:block; 
	width:750px; 
	height:670px; 
	position:absolute; 
	left:-95px; 
	top:0; 
	z-index:5; 
	background:#fff; 
	opacity:0.5; 
	filter: alpha(opacity=50); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.none {
	display:none;
}

.yes {
	display:block;
}