/*===================CSS Colegio Mayor Santa Cruz===================*/

/*-----------------------Comunes-------------------------------------*/
h1, h2, h3{margin:0; padding: 0;}
p{font:.75em Verdana, Arial, Helvetica, sans-serif;color:#333;line-height:1.4em;text-indent:2em;text-align:justify;padding:.2em 3em;}
a{outline:none;}
body{background:#FFF;margin:0; text-align:center;}
img{border:0;}
blockquote {text-align:right;font-family:"Times New Roman", Times, serif;font-size:.8em;font-style:italic;padding:0 2.5em 2em 10em; color:#333;}

/*-----------------------Layout-------------------------------------*/
#contenedor{width:914px;background:url(../imagenes/halo.png) repeat-y top;margin:0 auto;}
#contenido{width:750px;position:relative;margin:0 82px;}
#encabezado{height:120px;width:750px;margin:0;}
#pie{background:url(../imagenes/halofin.png) no-repeat #FFF;z-index:10;position:relative;clear:both;margin-left:0;padding:60px 100px;text-align:right;}


/*----------------------Elementos de Lista--------------------------*/
#pie ul{padding:0 2em; text-align:center; background:#fff}
	#pie ul li{display:inline;}
		#pie ul li img{vertical-align:middle;}
		#pie ul li a{color:#666;text-decoration:none;padding:0 1em;  font:.6em Verdana, Arial, Helvetica, sans-serif;color:#333;}

#pie p{ font:.6em Verdana, Arial, Helvetica, sans-serif;color:#333;padding:0; margin:0; text-align:center;}

.piedcha{display:block;; margin:2em 0 0 0; padding:0; border-top:1px solid #ccc;}
	.piedcha a{ color:#999;text-decoration:none;font:.8em Garamond, "Times New Roman", Georgia, Times, serif; padding:1em .5em; text-align:right;}

#navbar,#navbar ul{background:#333;list-style-type:none;float:right;position:relative;width:750px;height:1.2em;margin:0;padding:0;}
	#navbar a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;display:block;text-decoration:none;color:#FFF;padding:0.2em 1.5em;}
	#navbar li{float:right;padding:0;}
		#navbar li ul{background-color:#444;position:absolute;left:-999em;height:auto;width:12em;margin-left:-3em;}
		#navbar li li{width:11.9em;border:1px solid #333;border-top:0;padding:.2em 0;}
			#navbar li ul a{font-size:0.7em;width:13em;margin:auto;}
		#navbar li:hover,#menu li.hover{position:static;}
		#navbar li:hover ul,#navbar li.sfhover ul{left:auto;}

#menu{position:relative;z-index:30;text-align:left;margin-top:20px;float:left;width:200px;}
#menu h3,#menu ul{font-size:1em;font-family:Garamond, Georgia, "Times New Roman", Times, serif;color:#999;}
#menu h3{font-weight:700; font-variant:small-caps; margin:0 0 0 30px;}
#menu ul{list-style-type:none; margin-top:5px;}
#menu ul li a{color:#666;font-size:.9em;font-weight:100;text-decoration:none;}
#menu li.activo a{color:#333;font-weight:700;}

#pie ul li a:hover,p a:hover,#menu ul li a:hover, .piedcha a:hover {color:#900; text-decoration:underline;}
	#menu ul li.activo a:hover{color:#333; text-decoration:none; cursor:default;}
#navbar li a:hover,#nav li.sfhover{color:#900; text-decoration:none;}

/*----------------------Presentacion----------------------------*/
img.fondo{clear:both; margin:0;}

p.intro{text-align:right;font: 1em Garamond, "Times New Roman", serif; padding:0 5em 1em 9em;}
p.sangria{text-indent:0;font:1em Garamond, "Times New Roman", Times, serif;;margin:0 0 0 50px;}
p a{color:#999;text-decoration:none;font-weight:700;}

#cuerpo{position:relative;z-index:20;text-align:left;float:right;width:550px;margin:-90px 0 0;}

/*----------------------Galeria de imagenes---------------------*/
.gal{margin:10px;}
.thumbnail img{border:1px solid #999;margin:20px 0 0 10px;}
.thumbnail:hover{background-color:transparent;}
.thumbnail:hover img{border:1px solid #333;}
.thumbnail span{position:absolute;background-color:#EEE;left:-1000px;border:1px dashed gray;visibility:hidden;color:#000;text-decoration:none;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.6em;padding:5px;}
.thumbnail span img{border-width:0;margin:10px;padding:2px;}
.thumbnail:hover span{visibility:visible;bottom:-30px;left:230px;z-index:100;}

/*--------------------CrossFading Home------------------------------*/
#modHome{height: 450px; background:url(../imagenes/fnd_home.jpg) no-repeat 0 0; margin-top:100px;}
#imageContainer { float:left;position:relative;height:250px; width:500px; margin:0;}
	#imageContainer img {display:none; position:absolute;top:0; border: 2px solid #ccc;}
		#imageContainer img.left{left:-10px;}
		#imageContainer img.right{left:500px;}
		#imageContainer img.top{ top: 20px; left:200px;}