/* CSS Document */
BODY {
background : #C0D9D9 url(images/fondo.gif) repeat;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 20px 0px 20px 0px;
text-align: center;
} 
#contenedor{
text-align: left;
width: 800px;
background-color : #F0E5CE;
margin: auto;
} 
#cabecera{
height : 120px;
width: 800px;
} 
#cuerpo{
    margin: 10 0 10 0px;
}
#lateral{
    width: 120px;
    background-color: #F0E5CE;
    float:left;
		
}
#lateral ul{
    margin : 0 0 0 0px;
    padding: 0 0 0 0px;
    list-style: none;
}
#lateral li{
    background-color: #aba26a;
    margin: 1 1 1 1px;
    padding: 0 0 0 0px;
    font-weight: bold;
	font-size:12px;
}
#lateral a{
    color: #9f613f;
    text-decoration: none;
}
#otrolado{
    width: 114px;
	float: right;
	background-color:#a48a6f;
}
#otrolado ul{
    margin : 0 0 0 0px;
    padding: 0 0 0 0px;
    list-style: none;
}
#otrolado li{
    background-color: #aba26a;
    margin: 2 2 2 2px;
    padding: 2 2 2 2px;
    font-weight: bold;
	font-size:12px;
}
#principal{
    margin-left: 125px;
    background-color: #EDE8DE;
    padding: 4 4 4 4px;
    width: 545px;
	border-right: #9f613f solid 1px;
    border-bottom: #9f613f solid 1px;
	border-left: #9f613f solid 1px;
	border-top:#9f613f solid 1px;
	text-align:justify;
	
	
}
#principal2{
    margin-left: 5px;
    background-color: #e8e2db;
    padding: 4 4 4 4px;
    width: 784px;
	border-right: #9f613f solid 1px;
    border-bottom: #9f613f solid 1px;
	border-left: #9f613f solid 1px;
	border-top:#9f613f solid 1px;
	
	
}
#separador{
		font-size: 14px;
		text-align: center;
		font-weight:bold;
		background-color:#D3B482;
		height:20px;
		width:540px;
		margin-top:20px;
		}

#pie{
    background-color: #D3B482;
    padding: 3 10 3 10px;
    text-align:right;
    clear: both;
	
}
#col1{
	width:224px;
	padding: 2 2 2 2px;
	background-color: #D3B482;
	font-size: 12px;
	float:left;
	display: table-cell;
	}
#col2{
	width:224px;
	margin-left:230px;
	padding: 2 2 2 2px;
	background-color: #cccccc;
	font-size: 12px;
	float:right;
	display: table-cell;
	}
.contenedorfoto
			{
   float:left;
   clear:none;
   width:210px;
   height:180px;
   margin: 20px;
   padding:3px;
   background-color:#f5f7f9;
   border-right: #9f613f solid 1px;
   border-bottom: #9f613f solid 1px;
   text-align:center;
   
	
			}

.textofoto{
   float:left;
   width:536px;
  
   margin-left:2px;
   padding:3px;
   background-color:#f5f7f9;
   border-right: #9f613f dotted 1px;
   border-left: #9f613f dotted 1px;
   border-bottom: #9f613f dotted 1px;
   border-top:#9f613f dotted 1px;
   
   text-align:justify;
   font-size:11px;
  
}

.textofoto table{
   
   text-align:justify;
   font-size:12px;
   padding: 2 2 2 2px;
   

}

.fototexto{
	
   width:200px;
   height:180px;
   margin:0px;
  
   padding:3px;
   background-color:#f5f7f9;
   border-right: #9f613f solid 1px;
   border-bottom: #9f613f solid 1px;
   border-top:#9f613f solid 1px;
   text-align:center; 
}


#noticia{
	background-color: #e8e2db;
	


}
#sombra {
float:left;
padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url(sombra.gif) no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
} 

#sombra img {
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:5px;
background:#FFFFFF; /*Definimos un color de fondo */
border:1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}
p img {margin: 10px;} /* espacio entre el texto y la imagen */
img.right {float: right;} /* Para alinear a la derecha */
img.left {float: left} /* Para alinear a la izquierda */