/* CSS Document  universidad de magalanes portada*/

/*************GENERAL*****************/
body {
	margin: 0;
	padding: 0px;
	text-align: center;
	background-color: #000000;
	background-repeat: repeat-x;
	background-position: top;
	}
#container {
	width:1000px; /*ancho total de la pagina*/
	border: none;
	text-align: left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	font-family:Arial, Helvetica, Tahoma, Verdana;
	font-size: 10px;
}
/************************************/
#info {
	display:block;
	float:left;
	width: 1000px;
	height: 750px;
	background-color: #FFFFFF;
	padding: 0 0 0 0;
}
/***********************************/

#menutopizquierda {
	display:block;
	float:left;
	width: 495px;
	height: 15px;
	padding: 0 0 0 5px;
	text-align: left;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-size: 10px;
	color: #ffffff;
	background-color: #000000;
	/* for IE */
    filter:alpha(opacity=50);
	/* CSS3 standard */
    opacity:0.5;
}
#menutopderecha{
	display:block;
	float:left;
	width: 495px;
	height: 15px;
	padding: 0 5px 0 0;
	text-align: right;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	/* for IE */
    filter:alpha(opacity=50);
	/* CSS3 standard */
    opacity:0.5;
}
/****************************************/
#MenuH {
	display:block;
	float:left;
	width: 1000px;
	height: 85px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #DBDBDB;
	/* for IE */
    filter:alpha(opacity=70);
	/* CSS3 standard */
    opacity:0.7;
}	

#ContenedorInfoPortada {
	display:block;
	float:left;
	width: 1000px;
	height: 635px;
	padding: 0;
	margin: 0  0 0 0;
}

#InfoPortadaIzq {
	display:block;
	float:left;
	width: 120px;
	height: 595px;
	padding: 40px 0 0 0;
	margin: 0 0 0 0;
}

#MenuPortadaV{
	margin:0px;
	padding:0;
	list-style: none;
}
#MenuPortadaV li {
	margin:1px;
	padding:0px;
	float: none;
	
}

#ContenedorLogoPortada {
	display:block;
	float:right;
	width: 870px;
	height: 285px;
	margin: 0;
	padding-top: 5px;
	padding-right: 10;
	padding-bottom: 5px;
	padding-left: 0;
}

#ContenedorTips {
    display:block;
	float:right;
	width: 860px;
	height: 205px;
	margin: 0;
	padding-top: 85px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0;
	
}

#ContenedorInfoInterior {
	display:block;
	float:left;
	width: 1000px;
	height: 570px;
	padding: 0;
	margin: 0;
}


/* contenedor menu que se desliza en programas*/
#ContenedorMenuProg {
	display:block;
	float:right;
	width: 700px;
	height: 350px;
	padding: 100px 150px 0 150px;
	margin: 0;
}


/*** menu con banner y logos */
#CajaBanner {
	display:block;
	float:left;
	width: 1000px;
	height: 80px;
	border-top: dashed #E4E4E4 1px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#ffffff;
  /*border:1px solid black;*/
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

#Banner {
	display:block;
	float:left;
	width: 200px;
	height: 80px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	bottom: auto;
	
}

/*** menu abajo direccion*/
#footer {
	display:block;
	float:left;
	width: 1000px;
	height: 20px;
	border-top: dashed  #E4E4E4 1px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #000000;
	/* for IE */
  filter:alpha(opacity=80);
	/* CSS3 standard */
  opacity:0.8;
	color: #FFFFFF;
}


/* link */

a{
	color:#FFFFFF;
	text-decoration: none;
}
a:hover{
	color:#FFFFFF;
	text-decoration: none;
}
a:visited{
	color:#FFFFFF
}
/********************/


/**** columna de programas invernales ***/

#columns{
	margin: 0 auto;
	width: 560px;
	float:left;

}

#recent_posts_full{
	background:#1A1B1F url(images/recientes_full.jpg) no-repeat scroll left bottom;
	border:1px solid #111111;
	float:left;
	height:172px;
	margin-bottom:3px;
	padding:3px 0 0 3px;
	width:568px;
	filter:alpha(opacity=20);
	/* CSS3 standard */
    /*opacity:0.2;*/
}


.boxgrid{
	background:#111111 none repeat scroll 0 0;
	border:4px solid #111111;
	float:left;
	height:160px;
	margin:0px 5px 5px 0px;
	overflow:hidden;
	position:relative;
	width:100px;
}
.boxgrid:hover{
	border:2px solid #749CCA;
}

.boxgrid  a{
	color:#111111;
	font-family:century gothic,"Trebuchet MS",Lucida Sans Unicode;
	font-size:11px;
	
}
.boxgrid   a:hover{
	color:#000000;
	border-bottom: dashed 1px #000000;
	font-size:11px;
}

.boxgrid img{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
}

.boxcaption{
	float: left;
	position: absolute;
	/*background:url(images/boxcaption.png) repeat;*/
	background-color:#FFFFFF;
	height: 100px;
	width: 100%;
	padding:5px;
	-moz-box-shadow:0 -5px 50px #000000;
	-webkit-box-shadow:0 -5px 50px #000000;
	filter:alpha(opacity=70);
	/* CSS3 standard */
    opacity:0.7;
 	}
	
 .captionfull .boxcaption {
 	top: 160px;
 	left: 0px;
 }
 .caption .boxcaption {
 	top: 160px;
 	left: 0px;
 }


/*********************************************/


/**** columna de programas ***/

#columnsTravel{
	margin: 0 auto;
	width: 652px;
	float:left;

}

#recent_posts_full_Travel{
	background:#ffffff no-repeat scroll left bottom;
	border:1px solid #ffffff;
	float:left;
	height:250px;
	margin-bottom:10px;
	padding:3px 0 0 3px;
	width:652px;
	filter:alpha(opacity=30);
	/* CSS3 standard */
      opacity:0.7;
}


.boxgridTravel{
	background:#111111 none repeat scroll 0 0;
	border:4px solid #111111;
	float:left;
	height:225px;
	margin:0px 5px 5px 0px;
	overflow:hidden;
	position:relative;
	width:150px;
}
.boxgridTravel:hover{
	border:2px solid #749CCA;
}

.boxgridTravel  a{
	color:#111111;
	font-family:Arial;
	font-size:11px;
	
}
.boxgridTravel   a:hover{
	color:#000000;
	border-bottom: dashed 1px #000000;
	font-size:11px;
}

.boxgridTravel img{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
}

.boxcaptionTravel{
	float: left;
	position: absolute;
	/*background:url(images/boxcaption.png) repeat;*/
	background-color:#FFFFFF;
	height: 160px;
	width: 99%;
	padding:5px;
	-moz-box-shadow:0 -5px 100px #000000;
	-webkit-box-shadow:0 -5px 100px #000000;
	filter:alpha(opacity=70);
	/* CSS3 standard */
    opacity:0.7;
 	}
	
 .captionfullTravel .boxcaptionTravel {
 	top: 160px;
 	left: 0px;
 }
 .captionTravel .boxcaptionTravel {
 	top: 160px;
 	left: 0px;
 }


/*********************************************/



/**** tabs staff ***/

#ContTabul_staff {
      background-color: #DBDBDB;
	/* for IE */
      filter:alpha(opacity=70);
	/* CSS3 standard */
      opacity:0.7;
      width: 450px;
	  height: 450px;
      border-left: 1px solid #CCC;
      border-right: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 12px;
}

#ContTabul_partners {
      background-color: #999999;
	/* for IE */
      filter:alpha(opacity=70);
	/* CSS3 standard */
      opacity:0.7;
      width: 930px;
	  height: 150px;
      border-left: 1px solid #CCC;
      border-right: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 12px;
}

#ContTabul_fotos {
      background-color: #DBDBDB;
	/* for IE */
      filter:alpha(opacity=70);
	/* CSS3 standard */
      opacity:0.7;
      width: 380px;
	  height: 400px;
      border-left: 1px solid #CCC;
      border-right: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 12px;
}

#ContTabul_contacto {
      background-color: #DBDBDB;
	/* for IE */
      filter:alpha(opacity=70);
	/* CSS3 standard */
      opacity:0.7;
      width: 400px;
	  height: 400px;
      border-left: 1px solid #CCC;
      border-right: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 12px;
}

#ContTabul_invierno {
      background-color: #333333;
	/* for IE */
      filter:alpha(opacity=50);
	/* CSS3 standard */
      opacity:0.5;
      width: 560px;
	  height: 290px;
      border-left: 1px solid #333333;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 12px;
	  color:#ffffff;
}

#ContTabul_inviernotabs {
      background-color: #333333;
	/* for IE */
      filter:alpha(opacity=70);
	/* CSS3 standard */
      opacity:0.7;
      width: 560px;
	  height: 340px;
      border-left: 1px solid #333333;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 11px;
	  color:#ffffff;
}

#ContTabul_inviernotabs h1{
      font-family:Arial, Helvetica, Verdana;
	  font-size: 15px;
	  color:#ffffff;
}

#ContTabul_programas {
      background-color: #333333;
	/* for IE */
      filter:alpha(opacity=70);
	/* CSS3 standard */
      opacity:0.7;
      width: 580px;
	  height: 390px;
      border-left: 1px solid #333333;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 11px;
	  color:#ffffff;
}

#ContTabul_programas h1{
      font-family:Arial, Helvetica, Verdana;
	  font-size: 15px;
	  color:#ffffff;
}

ul#tabnav {
      list-style-type: none;
      margin: 0;
      padding-left: 20px;
      padding-bottom: 24px;
      border-bottom: 0px solid #CCC;
      font: 11px verdana, arial, sans-serif;
}
ul#tabnav li {
      float: left;
      height: 21px;
      background-color: #E4E4E4;
      color: #666;
      margin: 2px 8px 0 2px;
      border: 1px solid #CCC;
}
ul#tabnav a:link, ul#tabnav a:visited {
      display: block;
      color: #666;
      text-decoration: none;
      padding: 4px;
}
ul#tabnav a:hover {
      background-color: #CCC;
      color: #666;
}
#tabnav .activo {
      border-bottom: 1px solid #fff;
      color: #000000;
      background-color: #FFFFFF;
}
#tabnav .inactivo {}
);
	/* CSS3 standard */
      opacity:0.5;
      width: 560px;
	  height: 290px;
      border-left: 1px solid #333333;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 12px;
	  color:#ffffff;
}

#ContTabul_inviernotabs {
      background-color: #333333;
	/* for IE */
      filter:alpha(opacity=70);
	/* CSS3 standard */
      opacity:0.7;
      width: 560px;
	  height: 340px;
      border-left: 1px solid #333333;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 11px;
	  color:#ffffff;
}

#ContTabul_inviernotabs h1{
      font-family:Arial, Helvetica, Verdana;
	  font-size: 15px;
	  color:#ffffff;
}

#ContTabul_programas {
      background-color: #333333;
	/* for IE */
      filter:alpha(opacity=70);
	/* CSS3 standard */
      opacity:0.7;
      width: 580px;
	  height: 390px;
      border-left: 1px solid #333333;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
      padding: 10px 5px 6px 5px;
	  font-family:Tahoma, Arial, Helvetica, Verdana;
	  font-size: 11px;
	  color:#ffffff;
}

#ContTabul_programas h1{
      font-family:Arial, Helvetica, Verdana;
	  font-size: 15px;
	  color:#ffffff;
}

ul#tabnav {
      list-style-type: none;
      margin: 0;
      padding-left: 20px;
      padding-bottom: 24px;
      border-bottom: 0px solid #CCC;
      font: 11px verdana, arial, sans-serif;
}
ul#tabnav li {
      float: left;
      height: 21px;
      background-color: #E4E4E4;
      color: #666;
      margin: 2px 8px 0 2px;
      border: 1px solid #CCC;
}
ul#tabnav a:link, ul#tabnav a:visited {
      display: block;
      color: #666;
      text-decoration: none;
      padding: 4px;
}
ul#tabnav a:hover {
      background-color: #CCC;
      color: #666;
}
#tabnav .activo {
      border-bottom: 1px solid #fff;
      color: #000000;
      background-color: #FFFFFF;
}
#tabnav .inactivo {}