/*************************************************************************************
                MAQUETA
**************************************************************************************/
* {
	margin:0 auto;
	padding:0;	
}
#borde{
	text-align: left;
	width:100%; /*ancho de la pagina*/
	min-width:800px;
	min-height:400px;
	margin: auto;
		
}
	
	
#colPublicidad{
    height:100%;
    position:absolute;
    top:0;
    left:810px;
	min-height:900px;
	width:150px;
	margin-left:1%;
	border-right:1px solid #ccc;
}
#bannerI3{
     height:300px;
     width:150px;
     position: relative;
     float:left;
     clear:none;
     margin-top:100px;
}
#bannerI3 img{
border:none;
}
#contenedor{
	height:100%;
	min-height:600px;
	width:775px;
	float:left;

	/*border:1px solid #ccc;*/
}
#cabecera{
	height:88px;
	width: 100%;
	/*background-color: #e6EEEE;*/
	border-bottom:1px solid #ccc;
	background:#efefef;
	/*background-image:url(../images/sculogo2.gif);*/
	background-repeat: no-repeat;
	
}

#cabecera h1{
size:130%;
position:absolute;
top:30px;
left:108px;
}
#cabecera a{
color:#036;
Font-weight:bold;
}
#cabecera img{
height:70px;
margin-top:10px;
}
/*Menu*/
.menu{
width: 90%;
margin-top:-20px;
float:right;
}
.menu #linkContainer{

text-align:right;
}
.menu a{
margin-right:5px;
}

/*Cuerpo*/
#centro{
	width:100%;
	margin-top:6px;
	margin-bottom:30px;
	margin-right: 50px;
	height:100%;
}

#filtro{ 
    width:100%;
}

/*************************************************************************************
                ESTILOS PARA LOS TITULOS Y TEXTOS E IMÁGENES QUE ESTAN EN EL CUERPO
**************************************************************************************/

/*pie*/
#pie{
width:100%;
height:50px;
border-top: 1px solid #ccc;
background:#efefef;
clear:both;
margin-top:20px;
}
#pie .copyrigth{
margin-left:60px;
background-image:url(../images/pie.gif);
background-repeat:no-repeat;
height:30px;
}

/*************************************************************************************
               Estilos varios
**************************************************************************************/
#contenido{
    margin-top:10px; 
    width:100%;
   
}
h1{
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #036;
	text-align:center;
	padding-top:3px;
	padding-left:5px;
	font-weight:bold;
	
}
#contenido p{
    margin-top:30px;    
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: justify; 
	
}

/*********************************VIDEO*******************************/
#videoPlayer{
width:482px;
float:left;
margin-top:0;

}
table#descripcionTema{
width:100%;
border-right:1px solid #ccc;
font-family:arial;
font-size: 8pt;

}
#descripcionTemaVideo{
	border-bottom: 1px solid #ccc;
	float:right;
	width:290px;
	
	margin-top:0;
}
#descripcionTema .titulo{
background:#efefef;
//width:299px;
}
#descripcionTema .titulo td{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#descripcionTema td *{
//margin-left:10px;
}
#descripcionTema tr, #descripcionTema td{
width:100%;
}
#filtroAvanzado{
display:none;
background:#efefef;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#filtroAvanzado form{
margin-left:25px;
}
#filtroAvanzado a{
float:right;
margin-right:30px;
}


#temasRelacionados{
float:none;
clear:both;
}

/*Pagina principal*/
#paginaPrincipal{
margin-top:20px;
border-top:1px solid #ccc;
}
#paginaPrincipal p{
margin-left:50px;
font-family: Verdana, helvetica, arial, sans-serif;
font-size: 110.75%;
background: #fff;
color: #333;
}

#linkAvanzada{
margin-left:5px;
}

#tree{
	margin-left:50px;
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 95.75%;
	color: #333;
	
}
#arbol{
clear:both;
}
.oculto{
display:none;
}