/* ----- BASIC ELEMENTS AND FONTS ----- */



*   

html{padding:0;margin:0 auto;height:100%;}

body{background: #F9F9F7 url('images/a1.gif') repeat-x;font-size:10px;font-family:Tahoma, Verdana,Arial,sans-serif;   margin:0;padding:0;height:100%;width:100%;}



img {vertical-align:middle;border: 0;}

a{color:#6393b8; font-weight:bold; }



input{color:#000;border-color:#5c6874;border-style:solid;border-width:1px;background:#F7F7F7;font:7pt tahoma,verdana,arial,serif;padding-left:2px;}

input.normalText{width:120px; height:12px;font-weight:bold;}

input.littleText { width : 40px; height : 12px; font-weight: bold;}

input.mediumText { width : 80px; height : 12px; font-weight: bold;}

input.normalText { width : 120px; height : 12px;font-weight: bold;}

input.largeText { width : 150px; height : 12px;font-weight: bold;}

input.veryLargeText { width : 200px; height : 12px;font-weight: bold;}

input.bigText { width : 350px; height : 12px;font-weight: bold;}

input.enormousText { width : 450px;height : 12px;font-weight: bold;} 



select{color:#000;border-color:#888;border-style:solid;border-width:1px;height:18px;background:#F7F7F7;font:11px Tahoma, Verdana,Arial,sans-serif;border:inset 1px #708090;}

select.events{	width: 100%;}

select.multiple{width:100%;height:200px;background:#fff;font:11px Tahoma, Verdana,Arial,sans-serif;border:inset 1px #708090;}

select.little{width:80px;}

select.medium{width:120px;}



form {margin: 0px 0px 0px 0px; }



textarea {font: 7pt tahoma, verdana, arial, serif;font-weight: bold;}

textarea.normal { width : 250px; font-size: 11px; height: 100px;background: #F7F7F7;}

textarea.serviciosText { width : 600px;font-size: 11px; height: 400px;background: #F7F7F7;}

textarea.full {width : 90%; }



table.grayed { border: 1px solid #DDDDDD;overflow:auto;}

table.grayed tr{ font-size : 11px; }

table.grayed td {	padding: 5px 5px 5px 5px;border-top: 1px solid #DDDDDD;}

table.grayed td.detail {text-align: right;font-size: 10px;}

table.grayed th { background-color : #DDDDDD; padding: 5px 5px 5px 5px;}

table.grayed a {	text-decoration : none;}

table.grayed a:hover {text-decoration : underline;}



input.checkbox { font-size: 11px;vertical-align: middle;border:0; background-color: transparent;}



div.hr{height:5px;  border-top:1px #8F9CA6 solid;  margin-top:5px;}

div.hr hr{display:none;}



h5{ font-size: 9px; margin : 5px;}

h4{ font-size: 10px; margin : 5px;}

h3{ font-size: 11px; margin : 5px;}

h2{ font-size: 12px; margin : 5px;}

h1{ font-size: 13px; margin : 5px;}



.float{float:left;}

.clear{clear:left;}



.clearFix {clear:both;height: 1px;}

.dotted{ border-bottom : 1px dotted #c7c7c7; border-right : 1px dotted #c7c7c7;}

.noUnderline{text-decoration:none;}

.tono{color:#f39c34;}

.orange{color:#6393b8;}

.green { color : #E5FAE4}

.red { color : red;}

.center{text-align:center;}

.blue { color : #7396d5}

.italic { font-style: italic;}

.rightText{ text-align: right;}

.leftText { text-align: left;}

#container{width:672px;margin: 0 auto; border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;  background:#FFFFFF;}



#header{width:672px;height:162px;}

#logo{width:672px; height:133px;}

#logo img{width:672px; height:133px; }



#headerCentral{background:#FFFFFF; width:930px;  height:31px;}

#headerText{padding-top:30px;padding-left:5px;width:235px;height:100px;float:left;}

#headerLittleLogos{width:60px;height:130px;padding-top:0px;float:left;}

#logo2{width:449px; height:128px; float:left; padding-top:2px;}

#logo2 img{width:449px; height:125px; }



#headerHr{background:#FFFFFF url(img/hr.gif) bottom left repeat-x;clear:left; width:930px; height:4px; }





#horizontalBar{width:944px;height:31px;background:#F3F2F2 url(img/horizontalBarBg.gif) repeat-x scroll 0%;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}





#horizontalBar ul{list-style:none; list-style-position:inside; margin:0px; padding:0px;}

#horizontalBar ul li{ height:31px; float:left; border-right:1px solid #c7c7c7}

#horizontalBar ul li.sectionLinkSelected{background:url(img/horizontalBarBgAlt.gif) repeat-x #4828b4; }

#horizontalBar ul li.sectionLinkSelected a{ background-color: transparent; color:#FFF;text-decoration:none;}

#horizontalBar ul li a{ padding-top:8px;    padding-bottom:10px;    padding-left:3px;    padding-right:4px;  display:block;text-decoration:none;  color:#5c6874;  font-size:11px;  font-weight:bold;  }

#horizontalBar ul li a:hover {background:url(img/horizontalBarSelected.gif) repeat-x;color:#ffffff }



#leftContent{ float:left; width:157px; margin-bottom: 10px;margin-left:15px;  background:#FFFFFF; margin-right:15px;}



#inscription{ clear:left; height:40px; }

#inscription img{ float:left;}





#searchBox{height:100px;margin:10px 15px 0px 15px;}

#searchBox input{width:120px; height:14px; background:#FFFFFF;margin:3px 0px 0px 2px;}

#searchBox select{color:#727272; margin:5px 1px 1px 2px;}

#searchBox img{margin-top:3px;}



.sectionsBox{ margin:0px 15px 0px 5px; }

.sectionsBox  ul{ list-style:none; list-style-position:outside; margin:0px;list-style-image: none; padding:0px;}

.sectionsBox  ul.blue li:hover{background-color:#3BA3FF;}

.sectionsBox  li{padding:4px 2px 2px 10px;  border-bottom:1px solid #c7c7c7;height:14px; background: url(img/lister.gif) 0 50% no-repeat}

.sectionsBox  li img{float: left; margin-right: 5px;margin-top: 4px;display:inline;}

.sectionsBox  li:hover{background-color:#FFCF5A;}

.sectionsBox  a{color:#000;font-size:11px;text-decoration:none; font-weight:normal;}





#mainContent{ min-height:672px;border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7;margin: 20px 10px 0px 187px; text-align: justify;}



#news { border-right:1px solid #c7c7c7; width: 350px;float:left;}

#newsPreview { position:relative; top: 0;height: 215px;border-bottom :1px solid #c7c7c7; padding-top: 10px;padding-bottom: 10px;font-size: 11px;padding-left: 15px;padding-right: 10px;}

.newsTitle { position:absolute; top: 10px; left: 10px;width: 325px;}

.newsThumb { position:absolute; top: 40px; left: 10px;width: 131px;padding: 15px 5px 5px 5px;text-align:center;}

.newsText { position:absolute; top: 40px;height: 170px; width: 191px;margin-left: 131px;padding: 15px 5px 5px 5px;font-size: 12px;font-family : Arial;}

.detailsNew {  width: 80px;position:absolute; bottom: 5px; left: 260px;}

.printAndMail { width: 80px;position:absolute; bottom: 5px; left: 10px;}

.rightMargined { text-align: right; margin-right: 10px;}

.margined {margin : 10px;}



a.details{ color:#7396d5;text-decoration:none; font-weight: normal; font-size: 11px;}

a.details:hover{ text-decoration : underline;}

#homePageResume { float:left;width: 394px;}



#topPartResume { width: 393px;height: 320px;border-bottom :1px solid #c7c7c7; }



#bde { width: 195px; border-right :1px solid #c7c7c7; float:left;}

#buttonTextBDE { width: 195px;height: 149px;background: #FFF url(img/bolsadeempleo.gif) top center no-repeat;}

#buttonTextBDE a { text-decoration: none; font-size: 12px;position: relative; top : 50px;left: 40px;}

#buttonTextBDE a:hover{text-decoration:underline}

#bde p{ font-size: 12px;padding: 0px 10px 0 10px;}

.detailsBDE { clear:both; width: 80px;position:relative; bottom: 0px; left: 100px;}



#frm { width: 197px; float:left;}

#buttonTextFRM { height: 158px;background: #FFF url(img/formacion.gif) top center no-repeat;}

#buttonTextFRM a { text-decoration: none;font-size: 12px;position: relative; top : 50px;left: 45px;}

#buttonTextFRM a:hover{text-decoration:underline}

#frm table{ height: 135px;margin: auto;width: 175px;border: 1px solid #DDDDDD;overflow:auto;}

#frm tr{ height: 10px;font-size : 11px; }

#frm td {padding: 5px 5px 5px 5px;border-top: 1px solid #DDDDDD;}

#frm td.detail {text-align: right;font-size: 10px;}

#frm th { background-color : #DDDDDD; padding: 5px 5px 5px 5px;}

#frm a {text-decoration : none;}

#frm a:hover {text-decoration : underline;}



#bottomPartResume { clear: both; padding-top: 5px;}

ul.intAsoc { list-style:none; list-style-position:outside; margin:0px;list-style-image: none; padding:0px; font-size: 9px;}

ul.intAsoc  li{padding:4px 2px 2px 6px;  border-bottom:1px solid #c7c7c7;}

ul.intAsoc li img{float: left; margin-right: 5px;margin-top: 4px;display:inline;}

ul.intAsoc  a{font-size:9px;text-decoration:none; font-weight:normal;}

ul.intAsoc  a:hover{text-decoration: underline;}



#asociadosPreBlock { background : #FFFBFF url(img/asociadosPreview.gif) top center no-repeat;padding : 45px 0px 0px 17px;height: 353px;width:370px;}

.asociadoPreview { position:relative; top: 0px; text-transform: capitalize; margin-left:5px;margin-top: 5px;text-align:center;float:left;width: 175px; height: 155px;}

.asociadoPreview h4 { text-align: center;font-size : 10px;}

.asociadoPrwImg { position:absolute; top: 37px;left:0;width: 100%;height: 90px;}

.asociadoPreview .location { position : absolute; top: 135px;left:0;text-align: center;width: 100%;}



#footer{clear:left;padding-top:25px;text-align:center; height:50px; color:#FFF; font-weight:bold;font-size:11px;background:#085799 url(img/bottom.gif) top center no-repeat;}

#footer a{ background-color: transparent;color:#FFF;text-decoration:none;}

#footer a:hover{color:#000;text-decoration:underline}



.content {margin : 15px; background-color : #F7EFF7;border :1px solid #6393b8 ;padding: 15px; font-size: 11px; }

.contentEmpty {margin : 15px; padding: 15px; font-size: 11px; }

.contentWhite {margin : 15px; background-color : #FFFFFF;border :1px solid #DEDFDE;padding: 15px; font-size: 11px; }



.sectionTitle { height: 20px; color : #848684; margin-left: 14px; font-size: 16px;  font-family : Franklin Gothic Demi,Tahoma, Verdana,Arial,sans-serif;; }

img.framed { border: 1px #6393b8 solid;  padding : 10px;  background-color : #FFF; margin-left: 5px;  margin-right: 5px;  margin-bottom: 5px;}

img.borded { border: 1px #6393b8 solid; }

.blocked {	background: #FAFBFC;border: 1px solid #C0C0C0;margin: 5px 0px 0px 0px;	padding : 1px; font-size: 9px;}

.blocked table {	background-color: #FFFFFF;	padding: 1px;	width: 100%;}

.blocked tr {  background-color: #DDDDDD;}

.blocked tr:hover {	background-color: #CCCCCC;}

.blocked td {  padding: 2px;}

.blocked td.operation {	text-align: center;	width: 100px;font-size: 11px;	}

.blocked td.fixWidth { width: 150px;}

#searchTop { background: #FFF url(img/searchTop.gif) top left no-repeat;width: 650px; height:44px;}

#searchTop #searchType{ text-align: center; padding-top: 15px;padding-left:5px;font-size: 11px;width: 86px;height: 21px;font-weight: bold;float:left; }

#searchTop #searchPager { float:left; padding: 15px 0px 0px 20px;height: 44px; width: 539px; }



#searchCenter {	margin-left:3px;border-left: 1px solid #EFE7EF; border-right : 1px solid #EFE7EF; width: 602px; padding : 20px;}

#searchBottom { margin-left:3px;border-top: 1px solid #EFE7EF; width: 644px;height: 25px;}





/* NOTIFICATIONS */



div#message{ 	font-size: 11px;  font-weight : bold;  padding: 0px;  width: 100%;  margin-bottom: 10px; 	height: 34px;}

div#insertOk {	background : #ff0000 url(img/messages_02.gif) center center repeat-x; background-color: transparent;	color : #319A31;	float: left;	height: 24px;	padding-top: 10px;	text-align: center;   }

div#insertKo {  background : #ff0000 url(img/messages_02.gif) center center repeat-x; background-color: transparent; color : #DE4D10;	float: left;	height: 24px;	padding-top: 10px;	text-align: center; }







/* CALENDAR */



.calendar{ width:300px; float:left; height:200px; background-color:#EFEFEF;}

.today{font-weight:bold;color:red;}

table#header {width:100%;height: auto;background:#DDDDDD;border:1px solid #C0C0C0;padding:5px;font-size:15px;}

table#days{width:100%;border:1px solid #C0C0C0;text-align:center;}

table#days td{border:1px solid #C0C0C0;text-align:center;font-size:12px;width:14%;}

#days tr.headerDays td{background:#DDDDDD;font-weight:bold;font-size:12px;}

td.we{background-color:#9CC7E6}

td.we2{background-color:#82ADCC}

.calendarBox{float:left;}

.calendar a{text-decoration:none; font-weight:normal;}

div#infoBox{border:1px solid #C0C0C0;float:left;margin-left:5px;background-color:#DDDDDD;  padding:10px;  width:51%;}

ul.eventList{list-style:square outside url()}



/* PRINT FRAME */

.printFrame { font-size: 12px;padding: 10px;text-align: justify;}

/* LOGIN BOX */
.loginTop{
width:153px;
height:13px;
background:url(/portal/img/loginTop.gif) center top no-repeat}

#loginArea{background:#FFF url(img/loginBg.gif) center center repeat-y; padding:0px 15px 0px 10px;  height:128px; margin-left: -2px;}

.loginBottom{
width:153px;
height:13px;
background:url(/portal/img/loginBottom.gif) center top no-repeat}