@charset "utf-8";
/* CSS Document */
* {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

body { background:url(../img/fondo1.jpg) top left }

#web1, #web2 { 
	width:1000px; border:1px solid #CCC; height:auto; overflow:hidden;
	background:#FFF;
	margin:20 auto 20 auto;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
header, section, footer, nav {
	width:1000px;
	margin:0 auto 0 auto;
	clear:both; 
}

header { 
	background:url(../img/cabecera1.jpg);
	min-height:200px;
}

ul, ul li { list-style:none; margin:0px; padding:0px }

section a  { display:block; line-height:30px; color:#930; text-decoration:none }
section a:hover { color:#000; text-decoration:underline; }
nav { 
	clear:both; text-align:center; min-height:50px; line-height:50px; 
	border:2px solid #4b270e; border-right:none; border-left:none; border-top:none;

}
nav ul, nav li { list-style:none; margin:0px; padding:0px; }
nav ul li { 
	font-size:13px;
	display:inline-block; margin:0px 6px 0px 0px; 
	border-radius:5px; padding:2px 4px 2px 4px; border-radius:0px; 
	line-height:24px;  min-width:90px; text-align:center;
	background:#fff; background-image: linear-gradient(to bottom, #4b270e, #7f532b);
}
nav li:hover { background-color:#926034; background-image:none; cursor:pointer; border-bottom:4px solid #4b270e}
nav ul li a { text-decoration:none; text-transform:uppercase; color:#930; color:#FFF }

section { 
	width:950px;
	min-height:500px;
	padding-bottom:20px;
}



.fotos .grid div { width:270px; height:250px; border:1px solid #CCC; margin:0px 20px 20px 0px; display:inline-block; }
.fotos .grid img { width:250px; margin:10px; height:180px }
.fotos .grid span { height:50px; margin:0px 10px 10px 10px }

footer { 
	min-height:200px; 
	background: url(../img/caricatura.png) #000 20px 20px;
	background-repeat: no-repeat;
	background-size: 120px;
}
footer * { color:#ccc; text-align:right  }
footer .menu {  margin:0px 10px 0px 300px; display:block; padding:0 20px 0px 0px; clear:both}
footer .menu div { width:25%; display:block; float:right; margin:0px 0px 20px 30px;}
footer .menu h4 { font-size:18px; margin-bottom:10px; color:#CCC; border-bottom:1px solid #CCC; padding-bottom:5px; }
footer .menu a { text-decoration:none ; font-size:12px }
footer .menu a:hover { text-decoration:underline; color:#FFF }
footer .menu ul, footer .menu ul li { margin:0px; padding:0px; list-style:none }
footer .menu ul { text-align:right; vertical-align:top}
footer .menu ul li { line-height:20px; }

footer .patrocinadors { clear:both; margin:0px 30px 0px 20px; border-top:1px solid #ccc; display:block }
footer .patrocinadors div { margin-top:20px; text-align:left}
footer .patrocinadors img { width:180px; display:inline-block;}

footer .copy{ line-height:30px; padding:0px 30px 0px 20px; background:#222; color:#CCC; font-size:10px; clear:both; text-align:right; margin-top:20px }

.visor { width:100%; height:auto; margin:20px 0px 20px 0px; clear:both; overflow:hidden; display:block; padding-top:20px }

.evento { text-align:justify; }
.evento img { float:left; border:1px solid #000; margin:0px 20px 20px 0px; max-width:360px; }
.evento table { font-size:12px; border:1px double #999; margin-bottom:30px; margin-left:auto; margin-right:auto; text-align:center; border-collapse:collapse }
.evento table td { border-top:1px solid #aaa; border-right:1px solid #aaa; padding:4px 3px 4px 3px}
.evento table tr td:first-child { border-left:1px solid #aaa ; background:#ccc; font-weight:bold }
.evento table tr:last-child td { border-bottom:1px solid #aaa ; }
.evento table tr td:nth-child(2) { text-align:left; width:auto; min-width:200px }
.evento table tr:first-child td { background:#ccc; font-weight:bold; font-size:14px }
.evento table tr td:last-child { text-align:center; font-weight:bold; }

.olimpiada img { float:left; border:1px solid #000; margin:0px 20px 20px 0px; max-width:360px; }
.olimpiada table tr:first-child td { background:#CCC; }
.olimpiada table { font-size:12px; border:1px double #999; margin-bottom:30px; margin-left:auto; margin-right:auto; text-align:center; border-collapse:collapse; width:100%;  }
.olimpiada table td { border-top:1px solid #aaa; border-right:1px solid #aaa; padding:4px 3px 4px 3px}
.olimpiada table tr:nth-child(2) td { writing-mode: vertical-lr; text-align:center }
.olimpiada .n { background:#666; color:#FFF; }


#menu-left { width:19%; float:left; height:auto; padding:0px; border-right:1px solid #CCC; margin-top:20px}
#menu-left ul, #menu-left ul li { list-style:none; margin:0px; padding:0px  }
#menu-left ul { margin-bottom:30px; display:block}
#menu-left ul li { color:#000; line-height:30px; width:95% }
#menu-left ul li:first-child { font-size:18px; font-weight:bold; border-bottom:2px solid #999}
#menu-left a { text-decoration:none; color:#333 }
#menu-left a:hover { text-decoration:underline; color:#963; }

#contenido { width:80%; float:right; }
.clear { width:100%; clear:both; height:20px; }

#web1 h2 { clear:both; margin-top:40px }
#web1 section img:first-child { height:200px; margin:0px 20px 20px 0px; float:left }
#web1 div.fotos { width:100%; height:auto; overflow:hidden }
#web1 div.fotos div { width:300px; height:200px; border:1px solid #CCC; display:inline-block; margin:0px 10px 12px 0px}
#web1 div.fotos img { width:280px; height:180px; margin:10px; }

#web2 h2 { clear:both; margin-top:40px }
#web2 section img:first-child { height:200px; margin:0px 20px 20px 0px; float:left }
#web2 div.fotos { width:100%; height:auto; overflow:hidden }
#web2 div.fotos div { width:170px; height:110px; border:1px solid #CCC; display:inline-block; margin:0px 10px 12px 0px}
#web2 div.fotos img { width:160px; height:100px; margin:5px; }

section article img { float:left; border:1px solid #000; margin:0px 20px 20px 0px;}
article.noticia span { color:#666; font-weight:bold; }
article.list {  margin-bottom:20px; padding:10px 20px 10px 20px; border-radius:5px; border:1px solid #CCC; }
article.list span { float:right; }
article.list:hover {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); cursor:pointer }
article.list a { color:#000; text-decoration:none; display:block; width:100% }
article.list img { width:110px !important; height:80px !important; margin:10px 20px 15px 0px !important	}
article.list h3 { margin-top:3px; }

#visor h3, h3.r { border-bottom:5px solid #999; padding-bottom:10px }

.raya { border-bottom:5px solid #999; padding-bottom:10px }


#popupDialog { 
	overflow:hidden; position:absolute;
	width:900px; height:540px; top:0px; left:0px; 
	display:block; 
	border:5px solid #0095da; background:#f3f3f3;
	box-shadow: 4px 4px 10px #444; z-index:10;
	
}
#popupDialog a { 
	background:#ccc; border-radius:5px; 
	border:1px solid #000; 
	text-align:center; text-decoration:none; 
	color:#000; padding:5px; margin-left:20px 
}