@charset "UTF-8";

/* CSS Document */



/*UTP website

creation date: February 09, 2009

Veronica Barrios */





body {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align:left;

	background: #d0d3d8 url("../images/Background--Gradient.jpg") repeat-x 0 0;

	color: #000000;

	margin:0;

	padding:0;

	font-size: small;

	align: center;

	}

	

#Gallery{

	position:fixed;

	visibility:hidden;

	width:100%;

	height:100%;

	top:0px;

	left:0px;

	}

	

body#frame {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align:left;

	background: #d0d3d8 url("../images/Background-Gradient-Lateral.jpg") repeat-x 0 0;

	color: #000000;

	margin:0;

	padding:0;

	align: center;

	}

	

p {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#5c626f;

	margin:8px 10px 8px 10px;

	text-align:justify;

	}

	

p.insidetable {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#5c626f;

	margin:8px 0px 8px 5px;

	text-align:left;

	}

	

h2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color:#5c626f;

	margin:20px 10px 10px 10px;

	text-align:justify;

	}

	

/*------------ MAIN MENU ---------------------*/



#mainMenu {

padding:0;

margin:0;

font: normal 11px Arial, Helvetica, sans-serif;

width: 985px;

color:#CCCCCC;

height:41px;

background-image: url("../images/menuBar.jpg");

}



input.googlebox{

	width : 140px;

	height : 20px;

	}







#wrapper{
    margin:0;
    padding:0;
	align:center;
    width: 986px;
	position:absolute;
	background-color:transparent;
}	

/*html>body #wrapper{

margin: 0;

width:995px;

padding:0px;

}*/



*html #wrapper{

margin: 0;

width:989px;

padding:0px;

}

	

#container {
margin-top: 10px;
margin-bottom: 5px;
margin-left:auto;
margin-right:auto;
width: 985px;
padding: 2px 0px 0px 0px;

/*color: #334954;*/

font-weight: bold;
font-size:12px;
text-align:left;
align:center;
}

div.center {
  text-align: center;
}



/*html>body #container{

margin: 10px auto 5px auto;

width: 1005px;

padding: 2px 0px 0px 0px;

vertical-align:top;

}*/



*html #container{

margin: 10px auto 5px auto;
width: 986px;
padding: 0px;
vertical-align:top;
}



#mainbody {
width: 985px;

/*background-color:#FF9933;*/

}



/*---------- FLASH HEADER -----------------*/
#header {
padding:0;
margin:0;
width: 985px;
height: 426px;
background-color:transparent;
}



#menu {

margin:0;

padding:0;

float:left;

width:823px;

height:86px;

}



#search {

	

	padding:0;

	width:162px;

	height:86px;

	float:right;

	background-image:url("../images/search_background2.jpg");

}



#sbox {

	margin-left:10px;

	margin-top:32px;

}





#banner {

margin:0;

padding:0;

width:985px;

height:340px;

vertical-align:top;

}





/*------------LEFT COLUMN GENERAL PAGE LAYOUT --------------------*/



#leftside_col {

padding:0;

margin:0 0 22px 0;

width: 235px;

background-color:url("../images/Background-Gradient-Lateral.jpg") repeat-x 0 0;

float:left;

vertical-align:top;

}



/*html>body #leftside_col {

padding:10;

margin:0 0 22px 0;

width: 237px;

float:left;

display:inline;

}*/



*html #leftside_col {

padding:0;

margin:0 0 22px 0;

background-color:url("../images/Background-Gradient-Lateral.jpg") repeat-x 0 0;

width: 237px;

float:left;

display:inline;

}



p.minibanners {

font-family: Arial;

margin: 3px 25px 13px 15px;

color:#5c626f;

font-size:12px;

text-align:left;

}



h2.minibanners2 {

font-family: Arial;

margin: 18px 25px 18px 20px;

color:#5c626f;

font-size:12px;

text-align:left;

}



p.minibanners1 {

font-family: Arial;

margin: 3px 25px 18px 20px;

color:#5c626f;

font-size:12px;
text-align:left;
}



p.minibannerssolo {

font-family: Arial;

margin: 3px 25px 0px 20px;

color:#5c626f;

font-size:12px;

}



p.minibanners2 {

font-family: Arial;

margin: 3px 25px 0px 20px;

color:#5c626f;

font-size:12px;

}



.minibanners a {

color:#5c626f;

margin: 5px 0 2px 0;

padding-bottom: 0px;

font-weight:bold;
text-align:left;

}



.minibanners1 a {

color:#5c626f;

margin: 5px 0 2px 0;

padding-bottom: 0px;

font-weight:bold;
text-align:left;
}



.minibanners2 a {

color:#5c626f;

margin: 5px 0 2px 0;

padding-bottom: 0px;

font-weight:bold;

}



.minibannerssolo a {

color:#5c626f;

margin: 5px 0 2px 0;

padding-bottom: 0px;

font-weight:bold;

}



h2.review {

font-family: Arial;

margin: 18px 25px 18px 25px;

color:#5c626f;

font-size:12px;

text-align:left;

}



h2.sound {

font-family: Arial;

margin: 18px 25px 0px 25px;

color:#5c626f;

font-size:12px;

text-align:left;

font-weight:normal;

}



.sound a {

color:#5c626f;

margin: 5px 0 2px 0;

padding-bottom: 0px;

font-weight:bold;

}





p.review {

font-family: Arial;

margin: 3px 25px 18px 25px;

color:#5c626f;

font-size:12px;

text-align:left;

}





.review a {

color:#5c626f;

margin: 5px 0 2px 0;

padding-bottom: 0px;

font-weight:bold;

}



p.facebook {

font-family: Arial;

margin: 23px 25px 13px 10px;

color:#5c626f;

font-size:12px;

text-align:left;

}



p.twitter {

font-family: Arial;

margin: 48px 25px 13px 10px;

color:#5c626f;

font-size:12px;

text-align:left;

}



.facebook a {

color:#5c626f;

margin: 5px 0 2px 0;

padding-bottom: 0px;

font-weight:bold;

}



.twitter a {

color:#5c626f;

margin: 5px 0 2px 0;

padding-bottom: 0px;

font-weight:bold;

}



/*------------RIGHT COLUMN GENERAL PAGE LAYOUT --------------------*/



#rightside_col {

padding:0;

margin:0 0 22px 0px;

width: 227px;

float:right;

vertical-align:top;

background-color:transparent;

}



#rightcol_wrapper { /*division for rounded bottom table - goes with col_left and rightcorners*/

padding:0;

margin:0;

width: 227px;

float:right;

vertical-align:top;

background-color:transparent;

}



#inside_rightside_col {

padding:0;

margin:0;

width: 226px;

float:right;

vertical-align:top;

background:#dbdce0 url(../images/RightBackground.jpg) repeat-x;

}



p.inside_rightcol {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#5c626f;

	margin:0px 10px 18px 20px;

	text-align:left;

	}

	

h2.inside_rightcol {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#5c626f;

	margin:10px 0px 18px 20px;

	text-align:left;

	}

	

p.inside_rightcol a {

color:#5c626f;

padding-bottom: 0px;

font-weight:bold;

}	

	

p.col2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11.5px;

	font-weight:normal;

	color:#5c626f;

	margin:3px 2px 2px 10px;

	text-align:left;

	}

	

h1.col2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color:#5c626f;

	margin:30px 10px 20px 10px;

	text-align:left;

	}





.inbanner_rightside_col {

padding:0;

margin:10px 0 0 0;

width: 225px;

vertical-align:top;

background-color: transparent;

}



#longrightside_col {

padding:0px;

margin:0 0px 16px 2px;

width: 750px;

float:right;

background-color:transparent;

vertical-align:top;

align:left;

}



/*html>body #longrightside_col {

width: 752px; /* ..or this reinforcement of the standards width. */

/*padding:10px;

margin:0 0px 16px 0px;

float:right;

display:inline;

}*/



*html #longrightside_col {

width: 752px; /* ..or this reinforcement of the standards width. */

padding:0px;

margin:0 0px 16px 0px;

float:right;

display:inline;

}



.photo {

margin: 0px auto 11px auto;

float:center;

}



.imagen {

margin:5px auto 5px 14px;

}



.galleryPhoto {

margin: 0px auto 13px auto;

float:center;

}



.sectionheader {

margin: 0px;

vertical-align:top;

}







/*------------CENTER COLUMN GENERAL PAGE LAYOUT --------------------*/



#main_col {

padding:0;

margin:0 0 24px 0;

width: 515px;

float:left;

vertical-align:top;

display: inline;

background-color:transparent;

}



* html #main_col{

padding:0;

margin:0 0 24px 0;

width: 525px;

float:left;

vertical-align:top;

display: inline;

background-color:transparent;

}



#main_col_aboutus {

padding:0;

margin:0;

width: 515px;

vertical-align:top;

background:url(../images/Info_Background_Gradient.jpg) top repeat-x;

background-color:#e0e2e5;

}



#main_col_HT{

padding:0;

margin:0;

width: 515px;

vertical-align:top;

background:url(../images/Info_Background_Gradient2.jpg) top repeat-x;

background-color:#dbdce0;

}





*html #main_col_HT{

padding:0;

margin:0;

width: 525px;

vertical-align:top;

background:#dbdce0 url(../images/Info_Background_Gradient2.jpg) top repeat-x;

}

#main_col_HT.about_bg {
	height: 620px; 
	background: none;
	background: url(../images/Bg_about.jpg) no-repeat;
}
#main_col_HT.abouthistory {
	background: none;
	
}
.abouthistory_bg {
	height: 872px; 
	background: url(../images/Bg_AboutHistory.jpg) no-repeat;
	margin-bottom: 10px;
}

#center_1col {

padding:0;

margin:0;

width: 501px;

float:left;

display:inline;

}



*html #center_1col {

padding:0;

margin:0;

width: 515px;

float:left;

display:inline;

}



#center_2col {

padding:0;

margin:0 17px 10px 0;

width: 227px;

float:right;

display:inline;

}



*html #center_2col {

padding:5;

margin:0;

width: 227px;

float:left;

display:inline;

}



.col_leftcorner {

margin:0;

padding:0;

height:5px;

background: url(../images/Info_Background_LeftCorner.gif) no-repeat;

vertical-align:top;

}



.col_btwcorners {

margin:0;

padding:0;

height:5px;

background-color:#E0E2E5;

}



.col_rightcorner {

margin:0;

padding:0;

height:5px;

background: url(../images/Info_Background_RightCorner.gif) no-repeat;

vertical-align:top;

}







.col_leftcornerHT {

margin:0;

padding:0;

height:6px;

background:url(../images/left_corner-1.png) no-repeat;

vertical-align:top;

}



.col_btwcornersHT {

margin:0;

padding:0;

height:6px;

background-color:#dbdce0;

}



.col_rightcornerHT {

margin:0;

padding:0;

height:6px;

background:url(../images/right_corner-1.png) no-repeat;

vertical-align:top;

}







p.main_col_aboutus {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#5c626f;

	margin:9px 17px 9px 17px;

	text-align:left;

	}

	



	

h2.main_col_aboutus {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

color:#5c626f;

margin:25px 17px 10px 17px;

text-align:left;

}





p.sitemap{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color:#5c626f;

	margin:9px 17px 9px 17px;

	text-align:left;

	}

	

.sitemap a, a:hover{

color:#5c626f;

text-decoration:underline;

}

	

h2.sitemap {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

color:#5c626f;

margin:12px 17px 10px 9px;

text-align:left;

}



ul.sitemap {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:normal;

color:#5c626f;

text-align:left;

}





#centercol {

padding:0;
margin:0;
float:right;
width:750px;



}



/*html>body #centercol_test {

width:752px;

padding:10;

margin:0;

float:right;

}*/



*html #centercol {

width:752px;

padding:0;

margin:0;

float:right;

}



.centercol {

padding:0;

margin:0;

width:750px;

background-color:transparent;

}



#background_sitemap {

padding:0;

margin:0px 0px 25px 0;

vertical-align:top;

background:url(../images/UTP_Web09_SiteMap_Background.jpg);

background-position: 0px 20px;

background-color:transparent;

height:662px;

}



/*unico background con dos columnas - caso staff-*/

#centercol_background {

background:#e0e2e5 url(../images/RightBackground.jpg) repeat-x;

height:1300px;

}



*html #centercol_background {

background:#e0e2e5 url(../images/RightBackground.jpg) repeat-x;

height:1300px;

width:752px;

padding:

}



#facebook {

float:center;

background:url(../images/UTP_Web10_FB_TWITT_2.png);

width:225px;

height:153px;

margin-top:20px;



}



#facebookhome {

float:center;

background:url(../images/UTP_Web10_FB_TWITT_3.png);

width:225px;

height:152px;

margin-top:20px;



}



#facebook_text {

width:160px;

float:right;

vertical-align:top;

}





/*--------- FOOTER --------------*/



#footer {

clear: both;

margin:20px 0 0 0;

width: 985px;

height: 50px;

border-top: 1px solid #acb2bb;

padding: 10px 10px 2px auto;

}



p.footer {

font-family: Arial, Helvetica, sans-serif;

margin: 14px 10px 17px 15px;

color:#5c626f;

line-height:1.5em;

font-size:11px;

}



p.footer a, a:hover{

color:#5c626f;

text-decoration: none;

/*font-weight:bold;*/

}

 

.home_menu {

 margin:1em 1em 1em .5em;

  text-align:left;

  font: normal 12px Arial, Helvetica, Sans-serif, Verdana;;

  font-weight: normal;

  float:left;

  /*display: block;*/

  color:#5c626f;

 }

  

p.tab {

  font-family: Arial, Helvetica, Sans-serif, Verdana;

  text-align:left;

  font-weight: normal;

  color:#5c626f;

  width:485px;

  margin:0em 1em 0em 0.5em;

  }

  

 *html p.tab {

  font-family: Arial, Helvetica, Sans-serif, Verdana;

  text-align:left;

  font-weight: normal;

  color:#5c626f;

  width:465px;

  margin:0em 0.25em 0em 0.5em;

  }

 

  

  

a.tab-footer {

  font-family: Arial, Helvetica, Sans-serif, Verdana;

  margin: 0em 1em 0em .5em;

  text-align:left;

  font-weight: bold;

  background-image:none;

  color:#5c626f;

  text-decoration:underline;

  }

  

#tab-footer {

  margin:0 1.5em 0em 0em;

  text-align:left;

  text-decoration:underline;

  }

  





#tab-footerp1.open a:hover a {

	color: #5c626f;

	background:none;

	background-image:none;

	font-size:12px;

	font-weight:bold;

	margin:0px;

}





.imgleft {

  float: left;

  margin: 1em 1em 0 0.5em;

  padding: 4px;

  border:1px solid #8FAB43;

}



.imgright {

  float: right;

  margin: 0.5em 1em 0.5em 1em;

  padding: 4px;

  /*border:1px solid #555555;*/

}











/*DYNAMIC VERTICAL MENU*/

  

#verticalmenu {

	align: left;

	width: 750px;

	/*display: block;*/

	margin:  0;

	padding: 0;

	vertical-align:top;

	background-color:transparent;

}



* html #verticalmenu {

	align: left;

	width: 752px;

	/*display: block;*/

	margin:  0;

	padding: 0;

	vertical-align:top;

	background-color:transparent;

}



#verticalmenu ul {

	margin: 0px 0px 2px 0px;

	padding: 0px;

	list-style-type: none;

	font-family: arial, sanf-serif;

}





#verticalmenu p{

	margin: 0px 10px 0px 20px;

	list-style-type: none;

	font-family: arial, sanf-serif;

	color: #5c626f;

	font-size: 12px;

}



#verticalmenu li {

	margin: 0px;

	}

	

#verticalmenu a {

	/*background-color: transparent;

	border: 0px solid;

	border-color: #ffffff;

	color: #5c626f;*/

	/*display: block;*/

	/*height:21px;

	padding: 0px 0px 0px 2px;

	margin:0px 0 2px 0;

	align:left;

	background-image:none;*/

	

}











#verticalcurrent {font-weight: bold;}









#verticalmenu_short {

	align: left;

	width: 525px;

	/*display: block;*/

	margin:  0;

	padding: 0;

	vertical-align:top;

	background-color:transparent;

}



#verticalmenu_short ul {

	margin: 0px 0px 2px 0px;

	padding: 0px;

	list-style-type: none;

	font-family: arial, sanf-serif;

}





#verticalmenu_short p{

	margin: 0px 10px 0px 20px;

	list-style-type: none;

	font-family: arial, sanf-serif;

	color: #5c626f;

	font-size: 12px;

}



#verticalmenu_short li {

	margin: 0px;

	}

	
	/*history*/
	.tab {
	  width:750px;
	  margin: 0px;
	  vertical-align:top;
	  }
	  
	#tab-p1{
	  background: url(../images/Background_AboutHistory.jpg);
	  vertical-align:top;
	  height:1000px;
	  width:516px;
	  margin:0 0 11px 0;
	  padding:0;
	  }
	/*----1st menu tab-----*/
	#p1.open a {
		background: url(../images/UTP_AboutHistory_Chronology_A.png) 0 0 no-repeat;
		height:25px;
		margin:0px;
		display:block;
	}
	
	#p1.closed a  {
		background: url(../images/UTP_AboutHistory_Chronology_C.png) 0 0 no-repeat;
		height:25px;
		margin:0px;
		display:block;
	}
	#p1.open a:hover {
		background-color: transparent;
		background: url(../images/UTP_AboutHistory_Chronology_B.png) 0 0 no-repeat;
		display:block;
	}
	#p1.closed a:hover {
		background-color: transparent;
		background: url(../images/UTP_AboutHistory_Chronology_D.png) 0 0 no-repeat;
		display:block;
	}