@charset "utf-8";
/*
-------------------------------------------------
RESET
-------------------------------------------------
*/
* {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
ol,ul{list-style:none;}
select option{padding:0 5px;}
a{text-decoration:none;}
fieldset,img,a img{border:0;}
.al{float:left;}
.ar{float:right;}
.clear{clear:both;height:1px;font-size:1px;line-height:1px;zoom:1;}

/*
-------------------------------------------------
MAIN
-------------------------------------------------
*/
body{font:12px Verdana,Arial,Helvetica,sans-serif;text-align:center;color:#333;background:#0004ab url('../media/images/bg.jpg') repeat-x 0 0;}
a{color:#0033cc;font-weight:bold;text-decoration:none;}	
a:hover{color:#000;}
.red{color:#990033;}
.green{color:#669900;}
#main{width:1000px;text-align:left;background:url('../media/images/main-bg.jpg?=no-cache') no-repeat 0 0;margin:0 auto;position:relative;zoom:1;}
/*
------------------
HEADER
------------------
*/
#header{height:287px;position:relative;zoom:1; z-index:5;}
#header img#top_img{position:absolute;top:0; right:0; z-index:9;}
#header a#logo{height:140px; display:block; width:320px; position:absolute;top:0; left:0; z-index:10; zoom:1; cursor:pointer;background:url('../media/images/cajal-logo.jpg') no-repeat 0 0;}
/*
------------------
SIDE
------------------
*/

#side_menu{width:276px; height:461px;position:absolute;top:160px;left:0;z-index:11;zoom:1;}
#side_menu_swf{z-index:100;position:relative;zoom:1;}


/*
------------------
MENU
------------------
*/
#menu{height:30px;background:#094fa3;}
#menu ul{line-height:30px;font-size:11px;position:relative;zoom:1;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; float:left; line-height:30px; padding:0 15px; color:#FFF; }
#menu ul li a:hover,#menu ul li.here a{ background:#FFF; color:#009933;}
#menu ul li.logout a{display:block;line-height:30px;padding:0 15px;color:#FFF; position:absolute;top:0;right:0;font-weight:normal; font-size:10px; text-transform:uppercase;}
#menu ul li.logout a:hover{ background:#094fa3;color:#FFF;text-decoration:underline;}
/*
------------------
CONTENT
------------------
*/	
#content{width:698px;margin-left:210px;position:relative;zoom:1;min-height:600px;background:#FFF url('../media/images/content-bg.jpg') no-repeat 0 0;}
.content{width:573px;margin:0 0 0 52px;position:relative;zoom:1; padding:0 0 1px 0;}
.content h2{font-size:18px;line-height:27px;color:#143772;font-family:Arial, Helvetica, sans-serif; padding:0 10px; text-transform:uppercase;background:#F2F2F2;}
.content h2.no_bg{background:none;}
.content h3{font-size:18px;line-height:27px;color:#143772;font-family:Arial, Helvetica, sans-serif; padding:0 10px;background:#F2F2F2;}
.content h3 em { color:#FF0000;}

.txt{margin:0.5em 0 1em 0;line-height:1.6em; padding:10px;}
.txt p,.txt ul,.txt ol{margin:0.5em 0 1em 0;}
.txt ul{ padding-left:10px;}
.txt ul li{padding-left:12px;background:url('../media/images/red-bullet.jpg') no-repeat left center;line-height:2.6em;border-bottom:1px solid #000f92;}



.txt ol li{padding-left:12px;padding-top: 5px;background:url(../media/images/red-bullet.jpg) no-repeat left 10px;line-height:1.8em;	border-bottom:1px solid #000f92;	zoom:1;}
.txt blockquote{color:#003366; border:1px solid #FFF;}
.carreras .boton {background: url(../media/images/carreras-boton-bg.jpg) no-repeat;height: 30px;	width: 199px;display:block;	padding-top: 4px;padding-left: 30px;}
.carreras a {font-size: 11px;color: #FFFFFF;}
.carreras a:hover{color:#00CCFF;}

.tabla-home TD{border-bottom: 1px solid #CCCCCC;}




.txt ul.carreras_list{padding:0;margin:0;}
.txt ul.carreras_list li{background:none;border:none;padding:0 0 0 20px;margin:3px 0;line-height:1.6em;}
.txt ul.carreras_list li ul{margin:10px 0;}
.txt ul.carreras_list li ul li{padding:0 0 0 10px;}

/*
------------------
GEN FORM
------------------
*/

form input,form textarea,form select{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:1em;line-height:1em;zoom:1;}
form input,form textarea{border:1px solid #CCC;background:#FFF;padding:3px;}
form textarea{overflow:auto;}

input.submit{border:none;} 
input.submit{font-weight:bold;border:3px double #999;border-top-color:#CCC;border-left-color:#CCC;font-weight:bold;cursor:pointer;}

.upload_form{margin:10px 0;}
.upload_form p{margin:10px 0;}
.upload_form input.submit{width:300px;}

.reset_form{margin:10px 0;}
.reset_form p{margin:10px 0;}
.reset_form input.submit{width:300px;}

.login_form{margin:10px 0;}
.login_form p{position:relative;margin:10px 0;zoom:1;}
.login_form p label{position:absolute;top:0;left:315px;}
.login_form input{width:290px;}
.login_form input.submit{width:300px;}
/*
------------------
TABLE DISPLAY
------------------
*/
table.item_display{width:98%;border-collapse:collapse;border:1px solid #DDD;background:#F7F7F7;margin:10px 0;}
table.item_display td,table.item_display th{border:1px solid #DDD;padding:5px;}
table.item_display th{font-weight:bold;background:#CCC;}
table.item_display tbody td a{text-decoration:none;border-bottom:1px dotted #333;}
table.item_display tbody td a:hover{border-bottom:1px dotted #000;}
table.item_display tbody th a{font-weight:bold;}
table.item_display tbody th,
table.item_display tbody td{vertical-align:center;text-align:left;}
table.item_display tfoot td{border:1px solid #DDD;}
table.item_display .odd{color:#333;background:#f7f5dc;}

/*
------------------
CONTACT
------------------
*/	
#contact,.message{margin:10px;}
#contact form input,#contact form select,#contact form textarea{border-width:1px;padding:2px;}
#contact form textarea{height:100px; width:290px;overflow:auto;}
#contact form #submit{clear:both;}
#contact form #submit input{background:#003399;width:298px;font-weight:bold;color:#FFF;}

/*
-----------------------------
PAGINATION
-----------------------------
*/
#pagination{clear:both;padding:20px 0 10px 0;font-size:1em;}
#pagination a, #pagination strong{padding:3px 5px;border:1px solid #EFEFEF;margin:0 1px;}
#pagination strong,#pagination a:hover{background:#EFEFEF;color:#000;}
/*
------------------
FOOTER
------------------
*/
a.side_link{position:absolute;display:block;width:140px;right:20px;z-index:11;}
a#autogestion{top:250px;height:95px;}
a#premioplaneta{top:345px;height:120px;}
a#infoutil{top:465px;height:80px;}
a#anoticias{top:550px;height:100px;}

img#left_photo{position:absolute;display:block;top:560px;left:0;} /*cut at 560 H, 265 W */


#footer{clear:both; height:200px;background:url('../media/images/footer.jpg') no-repeat 0 0; position:relative; zoom:1;}
#footer p{color:#6591d3; position:absolute; bottom:40px; left:210px; font-size:10px;  font-weight:normal;}
#footer p a{color:#6591d3;}
#footer a#citricox{ position:absolute; bottom:0; right:20px;}