@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: left;
	}
	
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");
}





#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: 10px auto 5px auto;
width: 985px;
padding: 2px 0px 0px 0px;
/*color: #334954;*/
font-weight: bold;
font-size:12px;
text-align:left;
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 {
margin:0;
padding:0;
width:162px;
height:86px;
float:right;
background-image:url("../images/search_background2.jpg");
}

#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;
}

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;
}

.minibanners1 a {
color:#5c626f;
margin: 5px 0 2px 0;
padding-bottom: 0px;
font-weight:bold;
}

.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;
}

#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;
padding: 0px;
width:750px;
background-color:transparent;
}

/*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;
	}