/* Site Ausonia Pec */


/* Estilos generales */

body {
	margin: 0px;
	padding: 0px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	background-image: url("../img/estilo/fondo.gif");
	background-position: center top;
	background-repeat: repeat-y;
}

#pagina {
   width: expression(document.body.clientWidth > 1024? "1024px": "auto" );
   max-width: 1024px; 
	text-align:left; 
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}

#cabecera {
   height: 94px;
   background-color: #FF7800;
   margin-bottom: 15px;
}
#pagina #contenido #derecha #aula_privada li .resp {
	font-weight: normal;
}


#cabecera #img1 {
   float: left;
   margin: 10px 0px 0px 10px;
}

#cabecera #img2 {
   float: right;
   margin: 30px 10px 0px 0px;
   display:inline;
}
#cabecera #logos2 {
   float: right;
   margin: 30px 10px 0px 0px;
   text-align:right;
}
#contenido {
   background-image: url("../img/estilo/fondo_contenidos.gif");
   background-repeat: repeat-y;
}

#contenido #derecha {
   width: 280px;
   float: right;
   background-color: white;
}

#contenido #izquierda {
   background-image: url("../img/estilo/recurso_izquierda.jpg");
   background-repeat: no-repeat;
   padding-left: 124px;
   padding-bottom: 50px;
}

#contenido #pie {
   clear: right;
}


/* Parte izquierda */


#contenido #izquierda #navegacion {
   margin: 0px;
   padding: 0px 0px 8px 0px;
   background-image: url("../img/estilo/sombra.gif");
   background-position: bottom left;
   background-repeat: repeat-x;
   background-color: #FF7800;
   margin-right: 280px;
   list-style: none;
   height: 22px;
}

#contenido #izquierda #navegacion li {
   margin: 0px;
   padding: 3px 0px 0px 0px;
   width: 33%;
   display: block;
   float: left;
   height: 18px;
   background-color: #FF7800;
   text-align: center;
}

#contenido #izquierda #navegacion li a {
   text-decoration: none;
   color: white;
   margin: 0px;
   padding: 0px;
   display: block;
   font-weight: bold;
   font-size: 10px;
}

#contenido #izquierda #navegacion li.actual {
   background-color: white;
   background-image: url("../img/estilo/sombra_item_menu.gif");
   background-position: top right;
   background-repeat: repeat-y;
}

#contenido #izquierda #navegacion li.actual a {
   color: #FF7800;
   background-image: url("../img/estilo/bullet_naranja.gif");
   background-repeat: no-repeat;
   background-position: 10px 3px;
}

#contenido #izquierda h1 {
   margin: 10px 10px 0px 20px;
}

#contenido #izquierda h2 {
   margin: 10px 10px 0px 20px;
}

#contenido #izquierda p {
   margin: 10px 30px 20px 20px;
}

#contenido #izquierda #reeps {
   background-color: #FFFAE5;
   color: #8C7549;
   font-size: 10px;
   margin: 0px 280px 0px 10px;
   padding-bottom: 10px;
}

#contenido #izquierda #reeps h2 {
   background-color: #9C8250;
   color: white;
   font: bold 10px verdana;
   padding: 3px 0px 4px 100px;
   margin: 0px;
}

#contenido #izquierda #reeps img {
   float: left;
   margin-top: -19px;
   margin-right: 10px;
}

#contenido #izquierda #reeps p {
   margin: 0px;
   padding: 5px 15px 5px 5px;
}

#contenido #izquierda #reeps ul {
   margin: 20px 00px 0px 40px;
   padding: 0px;
}

#contenido #izquierda #reeps li {
   margin-top: 5px;
   margin-bottom: 5px;
   padding-right: 10px;
}

#contenido #izquierda ul.destacada {
   background-color: #FFEBD9;
   margin: 10px 280px 10px 10px;
   padding: 30px 0px 30px 0px;
   list-style: none;
}

#contenido #izquierda ul.destacada li {
   padding-left: 25px;
   background-image: url("../img/estilo/bullet_interior.gif");
   background-repeat: no-repeat;
   background-position: 5px 5px;
   margin: 10px;
}

/* Contenidos parte derecha */

#contenido #derecha h2 {
   background-image: url("../img/estilo/sombra.gif");
   background-position: bottom left;
   background-repeat: repeat-x;
   background-color: #D26200;
   padding: 3px 0px 8px 5px;
   margin: 0px 10px 5px 20px;
   height: 19px;
   font: bold 10px verdana;
   color: white;
}
#contenido  #derecha  div  {
	padding: 0px;
	height: 122px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#contenido #derecha #aula_privada {
	background-color: #00DAE0;
	padding-bottom: 112px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}


#contenido #derecha #aula_privada h3 {
   background-color: #386566;
   color: white;
   font-size: 10px;
   background-image: url("../img/estilo/bullet_blanco.gif");
   background-repeat: no-repeat;
   background-position: 4px 4px;
   padding-left: 15px;
   padding-top: 1px;
   padding-bottom: 2px;
   margin: 0px;
}

#contenido #derecha #aula_privada p {
   color: #386566;
   margin: 10px 0px 0px 0px;
   padding-top: 0px;
   padding-left: 70px;
   padding-right: 10px;
   padding-bottom: 10px;
   font-size: 10px;
   background-image: url("../img/estilo/recurso_privada.jpg");
   background-repeat: no-repeat;
}

#contenido #derecha #aula_privada ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#contenido #derecha #aula_privada li {
   margin: 3px 0px 0px 0px;
   padding: 0px 0px 1px 20px;
   list-style: none;
   background-color: #A8F2F4;
   font: bold 9px verdana;
   color: #386566;
}

#contenido #derecha #aula_privada a {
   background-image: url("../img/estilo/descargar_privada.gif");
   background-repeat: no-repeat;
   float: right;
   color: #00F8FF;
   text-decoration: none;
   padding: 0px 5px 7px 5px;
   font-size: 9px;
   margin-top: 5px;
   margin-right:5px;
}

#contenido #derecha #espacio_compartido {
	background-color: #FFFFFF;
	padding-bottom: 95px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 0px;
}

#contenido #derecha #espacio_compartido h3 {
   background-color: #047A5C;
   color: white;
   font-size: 10px;
   background-image: url("../img/estilo/bullet_blanco.gif");
   background-repeat: no-repeat;
   background-position: 4px 4px;
   padding-left: 15px;
   padding-top: 1px;
   padding-bottom: 2px;
   margin: 0px;
}

#contenido #derecha #espacio_compartido p {
	color: #036C51;
	padding-left: 70px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 10px;
	background-image: url("../img/estilo/recurso_compartido.jpg");
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contenido #derecha #espacio_compartido ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#contenido #derecha #espacio_compartido li {
	list-style: none;
	background-color: #ADF5E2;
	font: bold 9px verdana;
	color: #036C51;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 20px;
}

#contenido #derecha #espacio_compartido a {
	background-image: url("../img/estilo/descargar_compartido.gif");
	background-repeat: no-repeat;
	float: right;
	color: #00FFCC;
	text-decoration: none;
	font-size: 9px;
	margin-top: 5px;
	margin-right:5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}

/* Pie de página */

#contenido #pie {
   text-align: center;
   color: #5D5E5E;
   font: 10px verdana;
}

#contenido #pie a {
   color: #5D5E5E;
   text-decoration: none; 
}

/* Tablas de links */

table.links_privada {
   background-color: #E5FBFC;
   margin: 40px 0px 20px 20px;
   border-bottom: 20px solid #E5FBFC;
   color: #386566;
   border-collapse: collapse;
}

table.links_privada tr.titular {
   background-color: #A8F2F4;
   font-weight: bold;
}

table.links_privada tr#primera {
   background-color: transparent;
}

table.links_privada tr.titular td {
   border-top: 20px solid #E5FBFC;
}

table.links_privada td {
   padding: 4px 10px 6px 2px;
}

table.links_privada td.tipo {
   color: #FF7800;
   font-family: Arial;
   font-size: 11px;
}

table.links_privada strong {
   color: #FF7800;
}

table.links_privada a {
   font: 9px Verdana;
   color: #00F8FF;
   background-image: url("../img/estilo/descargar_contenidos_privada.gif");
   padding: 0px 5px 7px 1px;
   letter-spacing: -1px;
   text-decoration: none;
}

table.links_privada tr.titular a {
   background-image: url("../img/estilo/descargar_contenidos_titular_privada.gif");
   padding-bottom: 6px;
}

table.links_privada tr#primera a {
   background-color: transparent;
   background-image: url("../img/estilo/descargar_contenidos_privada.gif");
   padding-bottom: 7px;
}





table.links_compartido {
   background-color: #E5FCF6;
   margin: 40px 0px 20px 20px;
   border-bottom: 20px solid #E5FCF6;
   color: #036C51;
   border-collapse: collapse;
}

table.links_compartido tr.titular {
   background-color: #ADF5E2;
   font-weight: bold;
}

table.links_compartido tr#primera {
   background-color: transparent;
}

table.links_compartido tr.titular td {
   border-top: 20px solid #E5FCF6;
}

table.links_compartido td {
   padding: 4px 9px 6px 2px;
}

table.links_compartido td.tipo {
   color: #FF7800;
   font-family: Arial;
   font-size: 11px;
}

table.links_compartido td.tipo:before {
   /*content: "```";*/
   color: #E5FCF6;
}

table.links_compartido tr.titular td.tipo:before {
   color: #ADF5E2;
}

table.links_compartido strong {
   color: #FF7800;
}

table.links_compartido a {
   font: 9px Verdana;
   color: #00F8FF;
   background-image: url("../img/estilo/descargar_contenidos_compartido.gif");
   padding: 0px 3px 7px 2px;
   letter-spacing: -1px;
   text-decoration: none;
}

table.links_compartido tr.titular a {
   background-image: url("../img/estilo/descargar_contenidos_titular_compartido.gif");
   padding-bottom: 6px;
}

table.links_compartido tr#primera a {
   background-color: transparent;
   background-image: url("../img/estilo/descargar_contenidos_compartido.gif");
   padding-bottom: 7px;
}
