@import url("css/reset.css"); 

body {
	/*font:   100% normal "Arial Unicode MS", Arial, Verdana, sans-serif; */
	font: normal normal 400 75%/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	top:    0px;
	color:  #333333;
}

#header {
	background:#FFFFFF url(imagenes/banner_fondo.gif) repeat-y;
	width: 970px;
	height: 6.3em; 
	margin: .8em auto 0;
	border: 1px solid #CCCCCC;
	border-bottom: 1px none #CCC;
}

#header h1 {
	font: 2.2em normal "Arial Unicode MS", Arial, Verdana, sans-serif;
	color: #666666;
	margin: .5em 0px 0px 20px;
	padding: 0px;
	width: 520px;
} 

#header h2 {
	font: 1.2em/1.4em lighter "Arial Unicode MS", Arial, Verdana, sans-serif;
	color: #666666;
	margin: 8px 0px 0px 40px;
	padding: 0px;
}

#header a {
	text-decoration: none;
	padding: 0 10px;
	color: #666666;
}

#header a:hover {
	color: #666666;
	background-image: url(imagenes/banner_fondo_ahoover.jpg);
}

.blanco{
	background-color: #FFFFFF;
	padding-bottom: 2px;
	border: 1px solid #CCCCCC;
}

#header h3 {
	font: .9em lighter "Arial Unicode MS", Arial, Verdana, sans-serif;
	color: #999999;
	text-align: right;
	position: absolute;
	top: 2em;
	width: 50px;
	right: 0px;
	left: 80em;
}

#col2interna div.container {
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	position: relative; 
	display: table
}

img.displayed {
	display: block; 
	margin: 0em auto;
}
 
#col2interna p {
	 display: table-cell; 
	 vertical-align: middle; 
	 text-align: center
} 

#cuerpo {
	width: 970px;
/*	height: auto;  */
	border-right: solid 1px #CCC;
	border-left:  solid 1px #CCC;
	line-height: normal;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: #FFF url(imagenes/fondo_cuerpo.jpg) bottom left no-repeat ;

}

#cuerpo a {
	font: 9px normal"Arial Unicode MS", Arial, Verdana, sans-serif;
	text-decoration:none;
	color: #999999;
	
}
#cuerpo h1{
	color:#999999;
	font: 19px normal "Arial Unicode MS", Arial, Verdana, sans-serif;
	letter-spacing: 0.2em;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
/*	border: thin dotted #00FFFF; */
	
	}
	
#cuerpo h2{
	color:#999999;
	font:12px normal "Arial Unicode MS", Arial, Verdana, sans-serif;
	position: relative;
	width: 750px;
	top: 0px;
}

#cuerpo h3{
	color:#FFFFFF;
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	background-color: #666666;
	padding: 1px;
	margin-top: 20px 0 0 1px0;
	left: 7px;
	padding-left: 10px;
}

#cuerpo h4{
	color:#FFFFFF;
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 0px;
	background-color: #666666;
	left: 7px;
	float: none;
	padding: 1px 1px 1px 10px;
	margin: 0px 0px 20px 0px;
}
.der {
text-align: right;
}

#cuerpo  h5{
	font: 11px lighter "Arial Unicode MS", Arial, Verdana, sans-serif;
	color: #666666;
	left: 720px;
	position: relative;
	width: 60px;
	top: -10px;
}

.colcuerpo {
/*	position: relative;
	display:table; */
	top:0px;
	left: 0em;
	margin: 0px;
	padding: 0px;
	width:814px;
/*	border: thin dotted #CC6600; */
	float:right;
}
	
.colcuerpo p {
	line-height: 140%;
	letter-spacing: 0.1em;
	text-align: justify;
	margin: 0px;
	padding: 5px;
	font-style: normal;
	color: #666666;	/*	border: thin dotted #CC6600; */
	font-size: 0.9em;
}

.colcuerpo h1 {
	color:#999999;
	font: 19px normal "Arial Unicode MS", Arial, Verdana, sans-serif;
	letter-spacing: 0.2em;
	margin-top: 10px 0 0 0;
	top: 0px;
	padding-left: 20px;
}

.colcuerpo .fotobanner {
	position:relative;
	text-align:right;
	top: -20px;
	right: 23px;
	margin-top: 0px;
}

.colcuerpo .texcuerpo {
	height: auto;
	width: auto;
	padding: 0px 30px 10px 20px;
	left: 0px;
	top: 0px;
	margin: 0px 0px 20px 0px;
}

 .colcuerpo .col1 {
	position: relative;
	width: 18%;
	height: auto;
	float: left;
	margin: 0 0 20px 25px;
	border: 1px  solid #CCCCCC;
	margin-top: 0px;
	font: 12px/1.5em normal"Arial Unicode MS", Arial, Verdana, sans-serif;
	color: #999999;
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 0 10px 10px 10px;
	top: 10px;
} 
		
.colmenu {
	top: 0px;
	left: 0px;
	width: 150px;
	font-size: 14px;
	background-image: url(imagenes/fondo_menu_arte.gif);
	text-decoration: none;
	height: 250px;
	background-repeat: no-repeat;
/*   	border: thin dotted #CC6600;  */
	float:left;
}

.colmenu p{
	font: 10px/120% lighter Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: left;
	padding: 3px;
}

.fotogrande {
	font-family: 13px normal "Arial Unicode MS", Arial, Verdana, sans-serif;
	color: #666666;
	position:relative;
	background-color: #FFFFFF;
	top: -40px;
	margin-left: 20px;
	text-align: justify;
}

.colfoto {
	position:relative;
	float:left;
	height: auto;
	font: 12px normal "Arial Unicode MS", Arial, Verdana, sans-serif;
	color: #999999;
	line-height: 1.5em;
	margin: 0 0 0 12px;
	width: 70%;
	text-align: right;
	padding: 0px 0px 20px 0;
	top: 0px;
	
}

.colfoto img{
	border: solid 1px #CCC;
	border-right-width: 2px;
	border-bottom-width: 2px;
	padding: 2px;
	background-color: #FFFFFF;
}
	
.colexpfoto {
	position: relative;
	font: 12px/1.5em normal  "Arial Unicode MS", Arial, Verdana, sans-serif;
	color: #999999;
	padding: 5px;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	width: 24%;
	float: left;
	border: solid 1px #CCC;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

.colexpfototit {
font-weight:bold;
}

.colexpfoto1 {
	border: 1px  solid #CCCCCC;
}	

.escallon {
	margin-right: 15px;
	margin-left: 15px;
}

	
#colmenu a:hover {
	color: #666666;
	background-color: red;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
}
	
#colmenu a{
	text-decoration: none;
	color: #666666;
	}

.col2 {
	width: 130px;
/*	height: 220px; */
	float: left;
	font: normal 10px/1.5em "Arial Unicode MS", Arial, Verdana, sans-serif;
	color:#333333;
	text-decoration: none;
	margin: 0 0 2px 17px;
	background-position: center;
/*	border: 1px solid #999999;   */
	top: auto;
	text-align: left;
}	

.col2interna {
	width: 130px;
	height: 130px;
	font: normal 30px "Arial Unicode MS", Arial, Verdana, sans-serif;
	/*color: #999999; */
	background-color: #FFFFFF;
	line-height: 1.5em;
	text-decoration: none;
/*	border: 1px solid #999999; */
	border: none; 
	text-align: center;
	vertical-align: baseline;
	padding-top: 6px;
}	
.col1 a {
	text-decoration:none;
	color: #999999;
}
	
.fotobanner2 {
	text-align:right;
	width: 750px;
	margin-left: 0px;
	position: relative;
	top: -40px;
	left: 220px;
	}		
	
#pata  {
	width:970px;
	font: 11px lighter "Arial Unicode MS", Arial, Verdana, sans-serif;
	color: #999999;
	left: auto;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	clear:both;
}

.textinternos {
	font: 13px normal Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 60px 0 80px;
}

.tittexinter {
	font: 16px bold Arial, Helvetica, sans-serif;
	color: #666666;
	margin-left: 40px;
}
.Estilo1 {
font-size: 12px
}

.recuadro{
	width: 90%;
	margin: 20px 5px 10px 40px;
	border:solid 1px #333333;
	background:#CCCCCC;
}

.flotarder {
	float:right;
	margin-left: 10px;
	border:solid 1px #666666;
}

.flotarizq {
	float:left;
/*	padding: 10px 40px 10px 10px; */
	margin: 30px 20px 10px 20px;
/*	margin-left: 10px; */
/*	border:solid 1px #666666; */
}

.verde {
	color: #00FF00;
}

.rojo {
	color: #FF0000;
}

.finfloat{
	clear:both;
}

#literatura {
	position: relative;
	/*	background-image: url(../imagenes/banner_fondo.gif); */
/*	top: .6em; */
	width: 600px;
	height: auto;
	margin: 20px auto;;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	padding: 10px 30px;
	background-color: #CCCCCC;
}

#literatura h3{
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	letter-spacing:1px;
	padding: 20px 0;
}

.marco{
	width: 150px;
	height:120px;
	float:left;
/*	border:solid 1px #0C3; */
	overflow:hidden;
	font: normal 10px Arial, Helvetica, sans-serif;
	margin: 0 10px 20px 10px;
	padding: 5px 10px;
	background-color:#FBFBFB;
}