body,html {
margin:auto;
padding          : 0;
  margin           : 0 15px !important;
  margin           : 0 30px;
           }

td, tr, p, div {
  font-family      :  Arial, Verdana, Helvetica, sans-serif;
  color            : #000080;
  font-size        : 13px;
  line-height      : 16px;
}top

hr {
  color            : #f58735;
  height           : 1px;
  width            : 100%;
}

a:link, a:visited {
  color            : #f58735;
text-decoration  : none;
font-weight      : bold; }

a:hover {
  color            : #AA3300;
text-decoration  : none;
  font-weight      : bold;
  }

ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}

li {  
  line-height      : 14px;
  padding-left     : 14px;
  padding-top      : 2px;
  background-image : url(../images/blebul2a.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}


form {
margin           : 0; 
padding          : 0;
}

.inputbox {
 font-weight  : normal;
 color        : #000000;
 background   : #ECEEEF;
 border       : 0px solid #cccccc;
 margin       : 3px 0;

}

form select.button{
 color        : #000080;
 background   : #ECEEEF;
}

option {
background   : #ffffff;
}



.back_button {

  font-size        : 12px;
  font-color       : #222222;
  font-weight      : bold;
  width            : 15%;
  padding-bottom   : 3px;
  border           : 1px solid #F58735;
  margin-right     : 4px;
  float            : center;
  line-height      : 20px;
  text-align       : center;
  background       : url("http://www.principia-malaga.com/portal/images/arrowleftn.gif" align="left" hspace="6" alt="Image")
}

div.back_button a{
text-decoration  : none;
  }


.button {
  font-size        : 11px;
  color            : #EDF1F3;
  font-weight      : bold;
  border           : 0px solid #F58735;
  margin           : 3px 0;
  padding          : 2px;
  cursor           : pointer;
  background       : url(../images/button.gif) repeat-x top center;
}


.contact_email  {
  width            : 100%;
}

.contact_email .inputbox {
}



table.moduletable {
	margin           : 0 0 8px 0;
      width            : 100%;
      	}

table.moduletable th {
      
    font-family          : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 80%;
      color              : #FFFFFF;
	padding            : 2px;
      line-height        : 25px;
	background     : url(../images/mod_left.gif) #414141 repeat-x top left;
	height: 29px;    
	}

table.moduletable td {
    padding-top: 2px;
    	}



div.module{
    text-align: left;
    margin           : 0 0 10px 0;
    	}

div.module h3 {
      
      font-family        : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #FFFFFF;
	line-height        : 27px;
	background         : url(../images/mod_left.gif) #0066A7 repeat-x top left;
      height             : 29px;
      margin             : 0 0 15px 0;
       }

.rightcol div.module h3{
      background         : url(../images/mod_right.gif) #0066A7 repeat-x top left;
		}


.contentmod {
text-align   : left;
padding      : 8px 0;

}

.contentmod td {
padding      : 5px;
}


.contentmod table.moduletable {
margin           : 0 0 8px 0;
width            : 100%;
border           : 1px solid #DDE1E3;
background       : #ffffdd;
}


.contentmod table.moduletable th{
      font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #FFFFFF;
	padding            : 2px;
      line-height        : 25px;
      background         : #ffffdd;
      border-bottom      : 1px solid #DDE1E3;
}


a.readon:link, a.readon:visited {
  color            : #000066;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0px 1px 10px;
  float            : right;
  line-height      : 15px;
  text-decoration  : none;
  border-left:1px solid #E49A9E;
  
}
a.readon:hover {
  color            : #000080;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : bold;
  padding          : 1px 0 1px 10px;

  line-height      : 15px;
  text-decoration  : none;
  border-left      : 1px solid #A97378;
 }


.pagenavcounter {
  font-size        : 11px;
  color            : #999999;
}

.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}

.pagenav, .pagenav_prev, .pagenav_next {
  font-weight      : normal;
  }

a.pagenav:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #999999;
  font-weight      : bold;
  text-decoration  : none;
}

a.pagenav:hover {
  font-size        : 11px;
  color            : #000080;
  font-weight      : bold;
  text-decoration  : none;
}

table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #3083B8;
  padding          : 0;
  margin-left      : 2px;
  margin-bottom    : 2px;
}

table.contenttoc th{
  margin           : 0;
  padding          : 2px;
  background       : #e7eaec;
  color            : #333333;
 }
table.contenttoc td{
 margin           : 0;
 padding          : 3px 4px;
 border-bottom    : 1px solid #dcdcdc;
 background-repeat  : no-repeat;
 background-position: 4px 7px;
   }


table.contenttoc td a:link, table.contenttoc td a:visited{
padding-left        : 12px !important;
padding-left        : 0;
text-indent         : 12px;
text-decoration      : none;

}


.pathway {
  font-size        : 11px;
  color            : #FFFFFF;
  padding-left     : 5px;
  
}

a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
  font-weight      : bold;
  text-decoration  : none;
}

a.pathway:hover {
  font-size        : 11px;
  padding-left     : 0;
  font-weight      : bold;

}
.pathway img{
  padding-top     : 5px;
    
}
/* Seccion agenda noticias */
.sectiontableheader {
  
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #000080;
  background       : #FFFFCC; 
  padding          : 3px 5px;
  border           : 1px solid #ffffff;
}


.sectiontableentry1 {
  vertical-align   : top;
  background       : #FFFFDD;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;

}

.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;

}

.sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #ffffff;
  background       : #ffffdd;
  line-height      : 20px;
}
.sectiontableentry1 img{
margin: 0 4px;
}
.sectiontableentry2 img{
margin: 0 4px;
}


a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : bold;
  padding: 5px;
}


.small {
  font-size        : 11px;
  color            : #999999;
}
.smalldark {
  font-size        : 11px;
  color            : #333333;
}
.createdate, .modifydate {
  font-size        : 11px;
  color            : #666666;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}
.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
  }
.content_rating {
  font-size        : 11px;
  color            : #999999;
}

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.contentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : 100%;
  font-size        : 12px;
  
  line-height      : 21px;
  text-align       : left;
  text-indent      : 0;
  color            : #FFFFDD;
  padding          : 3px;
  margin           : 3px 0;


  
  }
.contentheading a {
text-decoration:none;
}
.componentheading {
  font-family      : Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 25px;
  font-weight      : bold;
  line-height      : 21px;
  text-transform   : uppercase;
  text-align       : center;
  color            : #f58735;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  margin           : 5px !important;
  margin           : 5px 1px;
  background       : #FFFFDD;
  background-image : url(http://www.principia-malaga.com/portal/barranar3.jpg) ;
  background-repeat: no-repeat;  
  background-position: bottom center;
  }



.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        : 0;
  padding-top    : 5px;
  text-align     : left;
}

 .blog_more {
margin   : 10px 0 7px 7px;
}

.buttonheading {
padding  : 0 2px;
}

.blog {
width:100%;
}

.poll {
	color       : #333333;
	line-height : 13px;
	font-weight : normal;
      text-align  : left;
}

.pollstableborder{
  border-color     : #999999;
}

.ontab {
  border-left      : 1px solid #666666;
  text-align       : center;
  font-weight      : bold;
  color            : #333333;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.offtab {
  border-left      : 1px solid #666666;
  text-align       : center;
  color            : #999999;
  font-weight      : normal;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.tabpadding {
 border-left       : 1px solid #666666;
}


a.mainlevel  {
 display           : block;
 width             : auto !important;
 width             : 100%;
  margin           : 1px 0;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;
}

a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 14px;
  border-bottom    : 1px solid #DCDFE1;
  font-weight      : bold;
  padding          : 2px 0;
  color            : #000080;
  padding-left     : 10px;
  text-decoration    : none;

}
a.mainlevel:hover {
  border-bottom    : 1px solid #DCDFE1;
  font-size        : 14px;
  font-weight      : bold;
  color            : #FFFFFF;
  text-decoration  : none;
  padding-left     : 10px;
  text-decoration	 : none;
  background       : #cc3300;

}
#active_menu {
  color            : #FFFFFF;
  border-bottom    : 1px solid #DCDFE1;
  background       : url(../images/menu.gif) #f58735 96% 50% no-repeat;
  text-decoration	 : none;

}
a#active_menu:hover {
  color            : #000080;
  border-bottom    : 1px solid #DCDFE1;
}



.sublevel {
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 13px;
   color            : #999999;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
}
a.sublevel:link, a.sublevel:visited {
  color	      : #999999;
  text-decoration	: none;
}
a.sublevel:hover {
  color            : #000080;
  text-decoration  : none;
}
a.sublevel#active_menu  {
	background      : transparent;
	color           : #000080;
	border          : 0;
      
}


ul#mainlevel-nav {
  font-size        : 11px;
  list-style       : none;
  padding-right    : 20px;
  margin           : 0;
     
}

#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding          : 0;
  margin           : 0;
  width            : auto !important;
  font-size        : 13px;
  line-height      : 28px;
  white-space      : nowrap;
  

}
#mainlevel-nav li a {
  display          : block;
  padding-left     : 10px;
  padding-right    : 0;
  font-size        : 13px;
  color            : #000080;
  text-decoration  : none;
  
}

#mainlevel-nav li a:hover {
  display          : block;
  font-size        : 13px;
  color            : #cccccc;
    
}


.mosimage {
  border     : 1px solid #E7EAEC;
  margin     : 5px;
  padding-top:  3px;

}

.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color     : #666666;
  font-size : 10px;
  background: #ECEEEF;
}



.moduletable-topnav {
	width				: auto;
	padding				: 0;
	margin-top: 0px;
	margin-right: 13px;
	margin-bottom: 20px;
	margin-left: 13px;
        	}


.topnav {
	width				: 0;
	text-decoration		      : none;
	color				: #ffffff;
	font-size                    : 14px;
	
	}




a.topnav {
	position			: relative;

	width				: auto;
	background			: none;
 	padding			: 10px 6px 10px 6px;
	color				: #FFFFFF;
      text-decoration		: none;
	font-weight			: normal;
      line-height             : 30px!important; 
      line-height             : 16px; 
      _height:0;
      
	}
a.topnav:hover{
	width				: auto;
	color				: #f58735;
	padding			: 7px 6px 9px 6px;
	font-weight			: bold;
	text-decoration		: none;
	background-color: #cc3300;
		}
a.topnav#current {
	cursor			: default;
	position			: relative;
	width				: auto;
	background			: #f58735;
	color				: #FFFFFF;
	text-decoration		: none;
	

	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 9px;
	padding-left: 6px;
      }
 
a.topnav#current:hover {
	cursor			: pointer;
	position			: relative;
	width				: auto;
	background			: #cc3300;
 	padding			: 7px 6px 9px 6px;
	color				: #ffffff;
      text-decoration		: none;
	
	}


a.topnav:visited, .topnav a:link {
text-decoration		: none;
color	: #fff;
}


#body {
#background: url(../images/top_bg.gif) #ffffdd repeat-x top left;
background: #003366;

}

.main { 
  text-align       : left; 
  width            : 100%;
 }

div.mod {
  background       : none;
  width            : 6px;
}

#clear {
	clear: both;
	height: 0px;
		
}

#centertb {
border: 0px solid #ffffff;
background: #ffffdd;
}

#contenttb{
padding: 1px 1px;

}

td.pw {
width            : 100%;
padding          : 5px 5px 10px 5px !important;
padding          : 2px 2px 10px 2px;
}

td.pw div{
padding          : 5px;
width            : auto;

}

   


.footer {
	width            : 410px;
	font-size        : 12px;
	color            : #FFFFFF;
	font-weight      : bold;
	padding-top      : 0px;
	padding-left: 24%; 
     
 }




.leftcol {
	vertical-align   : top;
	padding          : 10px 10px 5px 5px;
	text-align       : left;

	background       : #ffffdd;
	
}

.rightcol {
	vertical-align   : top;
	padding          : 2px;
	text-align       : center;

	background       : #f58735;
	
}

.leftcol div, .rightcol div{ 
width          : 132px; 
padding: 2px,1px,2px,1px;
}

.foot {
	height           : 80px;
font-color: #cccc99;
font-weight: bold;
	border-top       : none;
	font-size        : 10px;
	
	
}

.foot td {
padding: 10px 15px;
}
#margen {
  margin-top: 2em; margin-right: 2em; margin-bottom: 2em; margin-left: 2em;
}

#logo {
	background     : url(../images/logo1.gif) no-repeat  10px 0;
	height         : 101px;
background-color: #ffffdd;
    }


#top_bar_home {
  position       : absolute;
  margin         : 0;
  padding        :  0;
  right          : 80px;
  height         : 91px; 
  background     : url(../images/icon_home.gif) no-repeat 0 35px; 
 }
#top_bar {
  position       : absolute;
  margin         : 0;
  padding        :  0;
  right          : 80px;
  height         : 91px; 
  background     : url(../images/icon.gif) no-repeat 0 35px; 
 }

#menuarriba {


background: #F58735;    
}