/*
   Puesta a cero e importaciones
*/

@import url("reset.css");

/*
   Base
*/

body {      
   background: #b2c902 url(../images/bg.gif) top left repeat-x;
   font-family: helvetica;
}

#contenedor {
   position: relative;  
}

#cruz {
   background: url(../images/cruz.png) bottom left no-repeat;  
   filter: alpha(opacity=10);
   opacity: .1;
   -moz-opacity:0.1;
   width: 241px;
   height: 284px;
   position: absolute;
   bottom: -60px;
   left: 115px;
   z-index: -1;
}

/*
   Pie
*/

#pie {
   clear: both;
   text-align: center;  
   font-family: helvetica;   
   font-size: 14px;     
   padding: 30px 0 10px;
}

/*
   Cabecera
*/

#cabecera h1 {
   float: left;
   height: 135px;
   width: 150px;
   text-indent: -9000px;
   background: #fff url(../images/logo.gif) top left no-repeat;
   margin: 15px 0 0 15px;
}

#cabecera h2 {
   float: auto;
   text-align: right;   
   margin: 15px 15px 0 0;
   font-family: trebuchet   
   font-size: 18px;  
   clear: right;
}

/*
   Menu
*/

#menu {
   float: right;
}

#menu li {
   float: left;
   text-align: center;  
   margin-right: 15px;
        overflow: auto;
        display: block;
}

#menu li a {
   display: block;
   line-height: 43px;
   vertical-align: middle;
   width: 100px;  
   height: 43px;
   background: #fff url(../images/pestanaoff1.gif) top left no-repeat;
   color: #fff;
   text-decoration: none;  
   text-transform: uppercase;
   font-family: garamond;   
   font-size: 14px;
    float: left;
}

#menu li.active a{
   background: #fff url(../images/pestanaon1.gif) top left no-repeat; 
}

#menu li.active a:hover{
   background: #fff url(../images/pestanaon1.gif) top left no-repeat; 
}

#menu li a:hover {
   background: #fff url(../images/pestanahover1.gif) top left no-repeat;
}

/*
   Barra de noticias
*/

#bar {
   width: 990px;  
   height: 84px;
   line-height: 84px;
   vertical-align: middle;
   padding-left: 20px;
   background: #fff url(../images/bar.gif) top left no-repeat;
   clear: both;   
}

#bar p {
   font-weight: bold;
   font-family: trebuchet;   
   font-size: 14px;  
}

#bar p span {
   font-weight: normal;
}

/* 
   Reticula 
*/

#contenido {
   clear: both;   
   padding: 0 20px;
}

.col01 {    
   float: left;
   width: 60%; 
}

.col02 {    
   padding: 20px 0 20px 20px;    
   overflow: auto;
}

/*
   Hilo de Ariadna
*/
.breadcumbs {
   font-size: 14px;  
   margin: 5px 0 15px;
}

.breadcumbs span {
   font-size: 16px;  
   font-weight: bold;
}

/*
   Volver
*/

.volver {
   font-size: 1.4em;
   margin: 20px 0;   
}

/*
   Calendario
*/

#calendario td {
   width: 30px;         
   background-color: #FFEC9F; 
   text-align: center;     
   vertical-align: middle;
}

#calendario td.active {
   background-color: #EAEFC2;
}

#calendario th {
   background-color: #FFDB4C;
      text-align: center;     
   vertical-align: middle;
   font-weight: bold;
   font-size: 12px;
}

#calendario {
   border-collapse: separate;
   border-spacing: 2px;
   margin-top: 20px;
}

#calendario tr {
   height: 30px;
   vertical-align: middle;
}

/*
   Inicio
*/

div.destacado {
   margin-bottom: 40px;
   margin-right: 20px;
}

div.destacado h3 {
   font-size: 28px;
   font-family: helvetica;   
   font-weight: bold;
}

div.destacado img {
   float: left;  
   margin: 10px 10px 10px 10px;
   border: 1px solid #000;
}

div.destacado p {
   margin: 10px 0;   
   font-family: helvetica;   
}

div.actividad {
   clear: both;   
   margin-bottom: 20px;
   margin-right: 20px;
}

div.actividad h4 {
   font-size: 18px;
   font-family: helvetica;   
   font-weight: bold;
}

div.actividad img {     
   border: 1px solid #000;
   float: left;
   margin: 10px 10px 0 0;
}

div.actividad img.alterno {      
   float: right;
   margin: 10px 0 0 10px;
}

div.actividad p { 
   font-family: helvetica;   
   margin: 10px 0;
   text-align: justify; 
}

/* Polaroid */

div#polaroid {       
   width: 327px;
   height: 318px;
   background: url(../images/polaroid.png) top left no-repeat; 
   margin: 40px auto 0;
}

div#polaroid img {
   margin: 55px 0 0 56px;
}

div#polaroid h4 {
   margin: 20px 0 0;
   text-align: center;
   font-size: 14px;  
   font-family: verdana;   
}

h5.presentacion {
   text-align: right;
}

/* Sidebar */

.col02 h5 {
   font-size: 28px;
   font-family: helvetica;   
   font-weight: bold;   
}

.col02 p {
   font-family: helvetica;   
   margin: 10px 0;      
}

/* 
   Fotos
*/

a {
   text-decoration: none;  
}

a:hover {
   color: red;
}

.picassa img {
   margin: 17px 0 0 16px!important;
}

#picassa-horiz {
   clear: both;
}

#picassa-horiz li{
   float: left;
   text-align: center;  
   margin-right: 15px;
}

/* 
   Contacto 
*/

dl.contacto {
   margin-top: 15px;
}

.contacto dt {
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 5px;
}

#fcontacto input {
      border: 1px solid black;
      display: block;
}

#fcontacto label {
      display: block;
}

#lista-actividades {
   margin-top: 20px;
   font-size: 85%;
}

#lista-ul {
   list-style: disc inside;
}

#lista-ol {
   list-style: decimal inside;
}
/*
   Varios
*/

h3 {
   font-size: 24px;
}

#foto-destacada {
   width: 250px;
   height: 250px;
}

#foto-nodestacada {
   width: 80px;
   height: 80px;
}

#enlaces-ul {
	 list-style: disc inside;
	 line-height: 125%;
	 margin-left: 50px;
}

.curved {  
  -moz-border-radius:10px;  
  -webkit-border-radius:10px;  
  <strong>behavior:url(border-radius.htc);</strong>  
}

.interes {
background-color:  #AAC800;
padding: 5px;
}

.interes ul{
	list-style-position: inside;
	list-style-image: url(../images/interes.gif);
	line-height: 115%;
}


/* 
Cajas redondeadas 
*/

.roundedcornr_box {
   background: #fbffdd url(../images/roundedcornr_grad.gif) repeat-x top left;
}
.roundedcornr_top div {
   background: url(../images/roundedcornr_tl.gif) no-repeat top left;
}
.roundedcornr_top {
   background: transparent url(../images/roundedcornr_tr.gif) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(../images/roundedcornr_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: transparent url(../images/roundedcornr_br.gif) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content { 
   margin: 0 30px; 
}
.roundedcornr_content ul {
	list-style-position: inside;
	list-style-image: url(../images/interes.gif);
	line-height: 115%;
}


/*
Formato de tabla Marat&oacute;n vocacional
*/
.row_cabecera td{
	text-align: center;
	background-color: grey;
}

.col_hora {
	padding: 0 5px 5px 5px;
	text-align: center;
	font-style: italic;
  font-weight: bold;
}

.col_nombre {
	padding: 0 5px 5px 5px;
	text-align: left;
}

.col_tlf {
	padding: 0 5px 5px 5px;
	text-align: right;
	font-weight: bold;
}

.col_mail {
	padding: 0 5px 5px 5px;
	text-align: right;
}