body {  margin: 0;  padding: 0;  font: 12px/170% Arial, Helvetica, sans-serif;  background: url(images/bg.jpg) repeat-x #EAE9E1;  color: #666;}

a {color:#00457E; text-decoration: none;}
a:hover {text-decoration: underline}
ul {margin:10px 0 0 10px;padding: 0 0 0 10px}
ul li {padding: 0 0 0 2px }
*html ul li a {padding:0; margin:0;line-height: 15px; }
*html ul li{list-style-image:none; list-style: none; padding:0; line-height: 15px; margin:0}
*html ul{list-style-image:none; list-style: none;line-height: 15px;}
.containerdiv {  margin: 0 auto;  width:924px;  padding:0 15px;  position: relative;  clear: both;  }
p{line-height: 15px}

h1 {color:#00457E; border-bottom: 7px solid #D0E4F2; font-size: 13px;margin:0 0 10px 0; padding: 0 0 2px 0; text-transform: uppercase; font-weight: normal;font-family: Arial, Helvetica, sans-serif;}
h1.area {color:#fff; border:none; padding:10px 20px; width: 410px;font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 20px; margin-top:10px}
h2{font-size: 12px; padding:0; margin:0; color:#00457E; font-weight: normal; text-transform: uppercase}
h3 {color:#00457E; border-bottom:1px dotted #999; margin:5px 0; padding: 0 0 1px 0; font-size: 13px; font-weight: normal;outline: none ; cursor: pointer;}
h4 {padding: 0 0 10px 0; background: url(/sites/all/themes/utpl/images/bgh3.jpg) repeat-x bottom;	color:#00457E;	font-family: Arial, Helvetica, sans-serif;	text-transform: uppercase;	font-weight: normal;	letter-spacing: -0.6px;	font-size:12px;	margin:0 0 10px 0}
h5 {color:#00457E; border-bottom: 7px solid #D0E4F2; font-size: 13px;margin:15px 0 10px 0; padding: 0 0 2px 0; text-transform: uppercase; font-weight: normal;outline: none ;font-family: Arial, Helvetica, sans-serif;  cursor: pointer;}


.moduletext { font-family: Arial, Helvetica, sans-serif; font-size: :11px;}


#header{display: block;clear: both;overflow: hidden;margin-bottom: 1px;}
#body{background: #fff;height: auto;overflow: hidden; padding-bottom: 40px; }
#bodyheader{width: 684px;height:38px;clear:both;float:none;overflow: hidden;margin:0 0 0 0;position: relative;border-bottom: 1px dotted #999;}
#bodyheader h2{padding:0;margin:10px 0 0 0;text-transform:uppercase;letter-spacing:-1px;font-family:Times;font-weight:normal;float:left;display:block;font-size: 23px;color:#00457E;}
#bodyheader .breadcrumb{position: absolute;top:10px;left:236px;}
#bodyheader .breadcrumb a {color:#999;font-family: Arial, "MS Trebuchet", sans-serif;}
#bodyheader .breadcrumb a.active {font-weight:bold;color:#333;}
#footer{width:100%;background: #F2F2F2;border-top: 2px solid #00457E;margin:0; padding: 20px 0 10px 0;clear: both;overflow: hidden;color:#666;font-size: 11px;}


#left{width: 224px;float:left;margin:15px 14px 0 0;}

#mainconent{width: 452px;float:left;margin:15px 14px 0 0;}
#mainconent ul li{ list-style-image: url(/sites/all/themes/utpl/images/bullet.jpg);}
.rssFeed ul li{ list-style-image: url(/sites/all/themes/utpl/images/bullet.jpg); line-height: 1.3;}
.rssFeed p{ }
.homecentermodule ul li{ list-style-image: url(/sites/all/themes/utpl/images/bullet.jpg); }
#right{width: 205px;float:left; /*margin:15px 0 0 0;*/ margin: -3px 0 0 0; border-left: 1px dotted #999;padding-left:12px;}
#searchbar{border:1px solid #BACBE3;width:222px;height:20px;display:block;position: absolute;top:57px;right: 30px;}

#searchbar #edit-search-block-form-1{height:16px;padding:2px;width:189px;background:#EDEDED;float:left;border:none;color:#00457E;}
#searchbar #searchbt{height:20px;width:29px;float:left;}
#servenlineadiv{display:none;position: absolute;top:25px;right: 0px;background: #00457E;border:1px solid #ccc;border-top:none; padding-bottom: 0px}
#servenlineadiv a{color:#fff; padding: 1px 8px 1px 5px;display: block}
#servenlineadiv a:hover{color:#00457E; background: #DEDDD8; text-decoration: none}
#servenlineadiv ul {margin:0;padding: 0;}
#servenlineadiv ul li{list-style: none; list-style-image: none;  }

*html #servenlineadiv ul li{list-style: none;}
*html #servenlineadiv a{display: inline;}


 
#headerquickacces{position: absolute;display: block;}
#headerquickacces .language-link{display:none;}
#homelogo {float:left;display: block;height: 79px;width: 179px;margin:20px 0 0 0;}

#headerquickacces{position: absolute;top:6px;right: 20px;}

#headerquickacces a{color:#ccc;  font-size: 10px; margin:0 10px;font-weight: bold; float:left}
#headerquickacces a:hover{color:#fff; }

ul.enlinea li a{font-size: 11px}

.hqas {margin:3px 0 0 0;display: block;height: 15px;width: 1px;border-left: 1px solid #f0f0f0;float:left;overflow: hidden;}

#homebtn{float:left;}

/*   <<<<<<  AREA PERSONALIZADA PARA PRESENTAR VENTANA FLOTANTE  >>>>>>*/

.escuela-ventana {
	text-align: justify;
    width: 620px;
    height: 400px;
    overflow-x: hidden;
}
.info-escuela {
	width:420px;
	height:auto;
	background-color:#FFF;
	border-right: 1px dotted #999;
	padding: 0 15px 0 15px;
	text-align: justify;
}
.derecha-escuela {
	background: url(/sites/all/themes/utpl/images/bgh3.jpg) repeat-x bottom;
	padding: 5px 5px 15px 0;
	margin-left: 20px;
}
.derecha1-escuela {
	padding: 5px 5px 15px 5px;
	margin-left: 20px;
}
.right-escuela {
	width:140px;
	height:auto;
	margin-right:22px;
	float:right;
	padding: 0 3px 0 -5px;
}

#menusuperior{
  width: 100%;
  background: url(images/bg.jpg) repeat-x;
  position: fixed;
  z-index: 10000;
  margin: 0;
  padding: 0;
  left: 0;
}
#menubar{
  float: right;
  font-family: Arial;
  background: #003F72;
}
ul#navbar {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#navbar li {
float: left;
background: url(images/bg.jpg) repeat-x;
font-size: 11px;
padding: 1px 15px;
border-right: 1px solid #fff;
list-style: none !important;
}
ul#navbar a {
color: #fff;
text-decoration: none;
text-align: center;
display: block;
width: 100%;
}
ul#navbar a:hover {
background: url(images/bg.jpg) repeat-x;
}
ul#navbar ul {
top: 19px;
background: url(images/bg.jpg) repeat-x;
display: none;
}
ul#navbar li li{
list-style-type: none !important;
}
ul#navbar li:hover ul {
display: block;
position: absolute;
padding: 2px 15px;
margin: 0;
padding: 0;
list-style: none !important;
}
ul#navbar li:hover li {
float: none;
border-right: 1px solid #fff;
list-style: none !important;
}
/*iconos de las redes sociales del home page*/
.ventana_flotante1 {
  position: fixed; 
  display: block; 
  z-index: 9000000; 
  width: 26px; 
  height: 27px; 
  overflow: hidden; 
  background: url(http://www.utpl.edu.ec/sites/default/files/redes/facebook.png); 
  right: 0px; 
  top: 44.5px;
}
.ventana_flotante2{
  position: fixed; 
  display: block; 
  z-index: 9000001; 
  width: 26px; 
  height: 26px; 
  overflow: hidden; 
  background: url(http://www.utpl.edu.ec/sites/default/files/redes/twitter.png); 
  right: 0px; 
  top: 74px;
}
.ventana_flotante3 {
  position: fixed; 
  display: block; 
  z-index: 9000002; 
  width: 26px; 
  height: 26px; 
  overflow: hidden; 
  background: url(http://www.utpl.edu.ec/sites/default/files/redes/google.png); 
  right: 0px; 
  top: 101px;
}
.ventana_flotante4 {
  position: fixed; 
  display: block; 
  z-index: 9000002; 
  width: 26px; 
  height: 26px; 
  overflow: hidden; 
  background: url(http://www.utpl.edu.ec/sites/default/files/redes/instagram.png); 
  right: 0px; 
  top: 127px;
}
.ventana_flotante5 {
  position: fixed; 
  display: block; 
  z-index: 9000002; 
  width: 26px; 
  height: 28px; 
  overflow: hidden; 
  background: url(http://www.utpl.edu.ec/sites/default/files/redes/flickr.png); 
  right: 0px; 
  top: 154px;
}
.ventana_flotante6 {
  position: fixed; 
  display: block; 
  z-index: 9000002; 
  width: 26px; 
  height: 26px; 
  overflow: hidden; 
  background: url(http://www.utpl.edu.ec/sites/default/files/redes/youtube.png); 
  right: 0px; 
  top: 182px;
}
/*fin de los estilos de los iconos de las redes sociales*/




#sitenavigation{display:block;float: left;clear: both;height: 28px;margin:10px 0 0 0;width: 100%;overflow: hidden;}

ul.navigation-links {margin:0;padding:0;float:left;}
ul.navigation-links li{display: inline; }
ul.navigation-links li a{display: block;padding:5px 16px 3px 16px;float: left;border-left:1px solid #fff; border-right:1px solid #ccc}
*html ul.navigation-links li a{display: block;padding:5px 35px 8px 35px;float: left; line-height: 20px}
ul.navigation-links li a.active{display: block;padding:5px 35px 3px 35px;float: left; text-decoration:none;color:#fff;background: #00457E;}
ul.navigation-links li.active-trail a{display: block;padding:5px 35px 3px 35px;float: left; text-decoration:none;color:#fff;background: #00457E;}
ul.navigation-links li a:hover{text-decoration:none;color:#fff;background: #00457E;}

#submenu{display: none;overflow: hidden;background: #fff;}
#submenucontainer {border:1px solid #ababab;border-top:none;width: 875px;padding: 10px;float: left;display: block;overflow: hidden;}
#submenucontainer ul {float: left;display: block;overflow: hidden;padding:0;margin:0 45px 0 0;}
#submenucontainer ul li {list-style: none;list-style-image: none; }
#submenucontainer ul li a{font-size: 11px;}
#submenucontainer ul.submenutpl{margin:0 10px 0 20px;}
#submenucontainer ul.submenudocencia{margin:0 10px 0 20px;}
#submenucontainer ul.submenuinvestigacion{margin: 0 40px 0 24px;}
#submenucontainer ul.submenumisiones{margin: 0 0 0 30px;}
#submenucontainer ul.submenuvinculacion{margin: 0 0 0 65px;}
#submenucontainer ul.submenucomunicacion{margin: 0 10px 0 10px;}
#menuexpand{height: 13px;background: url(/sites/all/themes/utpl/images/expand.jpg) 0px 8px no-repeat;padding:5px 0 5px 25px;margin:8px 0  5px 0;}

#cc {float:left}
ul.footerlinks {padding:0; float: left; margin:0 0 0 -10px}
*html ul.footerlinks {padding:0; float: left; margin:0 0 0 0px}

ul.footerlinks li{float: left;border-right:1px solid #666;display: block; padding: 0;margin:0;}
#contactinfo a {color:#666;font-size: 11px; display: block;padding:0px 8px 5px 8px;float: left;  height: 12px;  margin:-3px 0 0 0;}
#contactinfo p{padding:0;margin:-5px 0 6px 25px }
*html #contactinfo p{line-height: 20px}
*html #contactinfo ul.footerlinks li a{padding-top:3px; }
#contactinfo {float:left; margin:0 0 0 30px}
#footer #ids {position: absolute;right: 25px;margin: 0 0 0 80px;background:url(/sites/all/themes/utpl/images/ids.jpg); width:112px;height:23px;}
#footer #ids:hover{float: left;margin: 0 0 0 80px;background:url(/sites/all/themes/utpl/images/firma_ids_utpl.png); width:112px;height:23px;}
ul.leftnavigation li {list-style-image: none;}
ul.leftnavigation li a{ list-style: none !important; color:#333; background: #DEDDD8; display: block;padding:2px 0 2px 10px; margin:0 0 2px 0; font-size: 11px; text-decoration: none;}

ul.leftnavigationsitemap li a{color:#333; background: #F5F5F5; display: block;padding:2px 0 2px 10px; margin:0 0 2px 0; font-size: 11px; text-decoration: none;}
*html ul.leftnavigationsitemap li {list-style-image: none; list-style-type: none;margin:0; padding:0;}
*html ul.leftnavigationsitemap li a {margin:0; padding:0}
*html li.leaf {margin:0; padding:0; border:1px solid #fff}
ul.leftnavigationsitemap li.active-trail a{background: #C2C2BD; color:#fff}
ul.leftnavigationsitemap li a.active{color:#fff; background: #C2C2BD; display: block;padding:2px 0 2px 5px; margin:0 0 2px 0; font-size: 11px; text-decoration: none;}
ul.leftnavigationsitemap li {list-style: none; padding:0; margin:0}
ul.leftnavigationsitemap{padding:0; margin:0}
ul.leftnavigationsitemap li ul.leftnavigationsubmenu li a {background: none;color:#333;}
ul.leftnavigationsubmenu li{padding: 0;}
ul.leftnavigationsubmenu li a{background:none; padding:2px 0 2px 10px;}
ul.leftnavigationsitemap li ul.leftnavigationsubmenu li a:hover{background:#F5F5F5}

ul.leftnavigationsitemap .leftnavigationsubmenu li a{padding:2px 0 2px 20px;} 



*html ul.leftnavigation li {list-style: none; list-style-image: none; list-style-type: non;margin:0 padding:0e}
*html ul.leftnavigation li a {margin:0 padding:0}
*html li.leaf {margin:0 padding:0; border:1px solid #fff}
ul.leftnavigation li.active-trail a{background: #C2C2BD; color:#fff}
ul.leftnavigation li a.active{color:#fff; background: #C2C2BD; display: block;padding:2px 0 2px 10px; margin:0 0 2px 0; font-size: 11px; text-decoration: none}
ul.leftnavigation li {list-style: none; padding:0; margin:0}
ul.leftnavigation{padding:0; margin:0}
ul.leftnavigation li ul.leftnavigationsubmenu li a {background: none;color:#333;}
ul.leftnavigationsubmenu li{padding: 0;}
ul.leftnavigationsubmenu li a{background:none; padding:2px 0 2px 20px;}
ul.leftnavigation li ul.leftnavigationsubmenu li a:hover{background:#E4E4E4}
ul.leftnavigationsubmenu li a.active{background:#E4E4E4;padding:2px 0 2px 20px;}
ul.leftnavigation li ul.leftnavigationsubmenu li a.active{background: #E4E4E4}
ul.leftnavigation.leftnavigationsubmenu.desactivado li{display:none}
li.expanded.last.active-trail ul li{display: block}
li.expanded.active-trail ul.leftnavigation.leftnavigationsubmenu.desactivado li{display: block}
li.expanded.first.active-trail ul li{display: block}
#mainconenthome{ width: 682px;float:left;margin:10px 14px 0 0;}

.rssitem {font-size:11px;line-height: 11px;padding: 0 0 5px 0; border-bottom:1px dotted #999999; margin: 0 0 15px 0  }
.rssitem img{float:left; background: url(/sites/all/themes/utpl/images/rssimgbg.jpg); padding: 2px 7px 2px 2px; margin:0 5px 20px 0 }
.rssitem a{font-weight: bold}
a.blocklink {display: block; background: #EDEDED; color:#00457E; font-weight: bold; padding: 3px 0 3px 5px; line-height: 11px;overflow:hidden;clear:both}
.rss {position: relative}
.rssicon{position: absolute; right: 4px; top:4px;}
.eventos {margin:20px 0 30px 0}
#homeheaderimages {
    position:relative;
    width:686px;
    height:249px;
    margin:0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px dotted #999; 
    
}


#homeservlineadiv{
width: 160px;
display: block;
float: left;
overflow: hidden;
padding:0 20px 0 0;
border-right:1px dotted #999;
margin:0 19px 0 0;
}
ul.enlineahome{padding: 0;margin: 0 0 0 0}
ul.enlineahome li{list-style: none; padding:0;list-style-image: none;  }
ul.enlineahome li a{font-size: 11px}
img.border{padding: 3px; border:1px solid #999}

.homebottommodule {width:147px;float:left; display:block; overflow: hidden;margin:0 9px 0 0}
#hombecentercontent {
float:left;
display: block;
padding:0 0 20px 0;
border-bottom: 1px dotted #999;
margin:0 0 20px 0;
}
.homecentermodule{
width: 226px;
float: left;
display: block;
margin:0 2px 0 0;
overflow: hidden;
font-size: 11px;
}
.homecentermodule p{
/*width: 186px;*/
margin:5px 0 10px 5px;
line-height: 15px;
}

.homecentermodule img.border{padding: 2px; border:1px solid #999}
#ingresoeva{ background: #fff; padding:20px;}

#ingresoeva .close {
	background-image:url(/sites/all/themes/utpl/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/*AGENDA MODULO*/

.ev_item{width:200px; display:block; float:left; padding:16px 0 0 7px;}

.ev_rssdate
{
	padding-bottom:5px;
	width:38px;display:block;float:left;
}
.ev_rssitem
{
	width:143px; display:block; float:left; border-bottom:1px dotted #999999;padding: 0 0 14px 0; margin-left:15px;
}

#last_ev_item
{
	border-bottom:0px !important;
	margin:0 0 30px 15px;
}

.ev_rssitem a
{
	font-size: 11px; 
}
.ev_rssitem p
{
	margin:0;padding:0;
}
.ev_rssdate_info
{
	font-size: 11px; 
	color:#0066CC;
}
.ev_rssdate_mes
{	
	padding-left:2px;
	font-size: 13px; 
	color:#909090
}
.ev_rssdate_dia
{
	border-top:3px solid #C4DCFF;
	font-size: 20px; 
	color:#00457E;
	width:25px
}
.ev_content
{
	font-size: 11px; 
}
.rsseventos{margin-top:25px;font-family: Arial, Helvetica, sans-serif; }


.rsseventos_title{display:block;float:left;}
.rssicon_ev{display:block;float:right;margin-right:5px; margin-top:4px}
.rsseventos h4 {position: relative}
.rsseventos h4 img {float:left; margin:3px 3px 0 0} 
.rss_cal_iconrss {position: absolute; right:0}


.leaf {margin:0; padding:0}
.leaf .last{margin:0; padding:0}
*html #explink {display:block; width:117px;height: 20px} 
table, th, td, tr, td, tbody, thead{border:none; padding:0; margin:0}
thead {color:#00457E}
tr.alternate {background: #EDEDED}
td {padding:2px 5px}

#right img.border { clear:both; display: block; overflow: hidden; float: left; }
p.moduletext { clear:both; display: block; overflow: hidden; float: left; font-size: 11px; padding-top:10px}
.carrerasdescription {display: block; float:left; width: 286px;}
.carrerasmenu {display: block; float:left; width: 105px; background: #EDEDED; padding:1px 20px 10px 20px;margin:0 0 0 21px}
.carrerasheader {display: block; float:left; clear:both;width: 100%; margin:10px 0}
#presencial {display: block; float:left; clear:both;width: 100%;}
#distancia {display: none; float:left; clear:both;width: 100%;}
.sitemapmenu {width: 160px;float:left; margin:0 24px 0 0}

#slider {
	
    position:relative;
    width:290px; /* Change this to your images width */
    height:90px; /* Change this to your images height */
    background:url(/sites/all/themes/utpl/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	background:url(/sites/all/themes/utpl/images/arrows.png) no-repeat;
	text-indent:-9999px;
	z-index:9999;
	color:red;
	border:1px solid red;
	top:20px;
	cursor:pointer;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:5px;
}
a.nivo-prevNav {
	left:5px;
	border:1px solid red;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

.bottomslider {float:left; padding:3px; border:1px solid #999}
.bottombanners {border-right: 1px dotted #999; float:left; padding:0 10px 20px 0;margin:0 10px 0 0}
li.menu-861 a {background: #EDEDED; display: block;}
ul.enlinea li.menu-861 a{background: none}


#ingresoevadiv {
	display: block;
	width:369px;	
	height: 180px;	
	padding:130px 0 0 50px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(/sites/all/themes/utpl/images/login-box-backg.jpg);
	position: relative;
}

#ingresoevadiv input{width: 190px;height: 14px; border:1px solid #042D53; background: #11508B; color:#fff; padding:10px; float:left;font-size: 16px;}
#ingresoevadiv a{color:#fff; text-decoration: underline;float:left}
#ingresoevadiv label{clear: left; float:left; width: 70px; text-align: right; display:block; padding-top:10px; padding-right:10px; font-size: 16px; margin:0 0 20px 0}

#ingresoevadiv input.form-submit-eva {width: 80px;height: 40px; padding:10px 10px; color:#fff; border:none; border-bottom: 2px solid #000; float: right; margin:-20px 0 0 
95px; background: #4790E4;
*margin-left: 95px !important;  
*float:left;

 }

.agendadivider {
*position: absolute !important; 
*top: 0 !important;

}



#block-webform-client-block-42 h2{display:none;}


#bottombannersright_1 img{
  display: none;
}

#bottombannersright_1 h2{
  display: none;
}

#bottombannersright_1 a{
  display: none;
}