/*  
Theme Name: Ambiente Laboral
Theme URI: http://marcosmedia.com
Description: WordPress Theme by Marcos Sader
Version: 0.1
Author: Marcos Sader
Author URI: http://defmay.com/colofon/marcoss
------------------------
REFERENCE
------------------------
Verde: 009933
Azul:  003399
*/
*.al{color:#009933;}
*.al span{color:#003399;}
*.al strong{color:#003399;}
/*
--------------------------------
IMAGENES
--------------------------------
*/

.float-r {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
}
.float-l {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
}
/*
------------------------
MAIN
------------------------
*/
*{margin:0;padding:0;}
a{color:#5070CC;}
a:hover{color:#000;}
img, a img{border:none;}
body{padding:10px 0;font: 62.5% Verdana, Arial, sans-serif;color:#414141;background-color:#F5F5F5;}
#container{width:810px;margin:10px auto;background:url('images/al-bg.jpg') repeat-y 0 0;background-color:#FFF;}
#al_top{width:810px;height:30px;background:url('images/al-top.jpg') no-repeat 0 0;}
#main{width:780px;padding:15px;}
#body{width:780px;padding:30px 0 0 0;float:left;}
.clear{clear:both;height:0px;width:100%;}
.clear2{clear:both;height:0px;width:95%;clear:}
.hide{display:none;}
.red{color:#993333;}
.green{color:#339900;}
.subtitle{color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:center; font-style:inherit; font-weight:bold;}
/*
------------------------
HEADER
------------------------
*/
#header{width:780px;height:250px;}
#header div.top{height:60px;float:left;}
#header div.top h1 a img{height:60px;width:300px;line-height:60px;text-decoration:none;}
#header div.top p{float:right;text-align:right;}
#header div#swfheader{width:780px;height:160px;background-color:#888;float:left;}

#header div.bot{width:780px;height:40px;margin-top:10px;float:left;background:url('images/al-menu-bot.jpg') no-repeat center bottom;}
#header div.bot-news{width:780px;height:40px;margin-top:5px;float:left;background:url('images/al-menu-bot.jpg') no-repeat center bottom;}
#header div.bot ul{width:600px;height:35px;float:right;list-style:none;text-align:right;padding:0 10px 0 0;}
#header div.bot ul li{list-style:none;display:inline;height:30px;padding:0 10px;border-left:1px solid #CCCCCC;}
#header div.bot ul li.fix{border:none;}
#header div.bot ul li a{line-height:30px;height:30px;color:#333333;text-decoration:none;}
#header div.bot ul li a img{width:16px;height:16px;padding:5px 5px 0 0;display:inline;}
#header div.bot ul li a:hover{color:#000;}

#header div.bot form{width:150px;height:20px;padding:5px 0px 5px 20px;float:left;}
#header div.bot form *{font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;}
#header div.bot form input{width:110px;padding:1px;border:3px double #CCCCCC;color:#333333;margin-right:2px;}
#header div.bot form input#FormSubmit{width:30px;border:3px double #999999;border-top-color:#CCCCCC;border-left-color:#CCCCCC;background-color:#333;font-weight:normal;padding:0px;margin:0;color:#FFF;}
/*
------------------------
SIDEBARS
------------------------
*/
.sidebar{width:168px;float:left;}
.sidebar h3{width:128px;height:18px;line-height:18px;font-size:0.9em;padding:5px 0px 5px 40px;float:left;font-weight:bold;color:#FFF;}
.sidebar ul{background-color:#FCFCFC;width:168px;float:left;list-style:none;}
.sidebar ul li{
	float:left;
	width:160px;
	list-style:none;
	background:url('images/al-li-bg.jpg') no-repeat 0 0;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 6px;
}
.sidebar ul li a{width:160px;float:left;display:block;padding:7px 0;text-decoration:none;color:#333;}
.sidebar ul li.li_bot{background:url('images/al-li-bot.jpg') no-repeat;height:30px;line-height:30px;}

#right.sidebar ul li a:hover,#right.sidebar ul li a.here{text-decoration:underline;color:#003399;}
#left.sidebar ul li a:hover,#left.sidebar ul li a.here{text-decoration:underline;color:#009933;}
#left h3{background:url('images/al-right.jpg') no-repeat 0 0;}
#right h3{background:url('images/al-left.jpg') no-repeat 0 0;}

.side_banner{margin-top:20px;float:left;}
.side_banner a,.side_banner span{
	border:1px solid #CCC;
	float:left;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.side_banner a img{
	float:left;
	}
.side_banner a:hover{background:#FFDDCC;}
.side_banner.alt{margin-top:10px;}
.side_banner a:hover{background:#DDD;}
.side_banner_encuesta{margin-top:10px;width:158px;padding:1px;border:1px solid #CCC;float:left;}

.side_banner2{margin-top:20px;width:160px;padding:3px;border:1px solid #CCC;float:left;}
/*
------------------------
CENTER
------------------------
*/
#center{width:440px;float:left;font-size:1.1em;line-height:16px;}

.page{
	width:420px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.page h2{display:block;color:#000;font-size:2em;font-family:"Trebuchet MS";padding:5px 0 10px 0;font-weight:normal;line-height:140%;}
.page h3{display:block;color:#000;font-size:1.4em;padding:5px 0;margin:15px 0 10px 0;}

.page h3.trigger{ cursor:pointer }

.page h4{font-size:1em;margin:15px 0 10px 0;}

.text p{margin:8px 10px 8px 10px;}
.text ul, .text ol{margin:8px 0 8px 10px;padding:0px;}
.text ul{list-style:square;list-style-position:inside;}
.text ul li.child{list-style:none;}

a.xls-down img{padding:0 20px 0 0;float:right;}

.green_box{padding:10px;border:1px solid #009933; background-color:#E8FFEF;margin:10px 0;}
.green_box strong{color:#990000;}
.green_box strong.al{color:#009933;}
.green_box strong.al span{color:#003399;}

.blue_box{padding:10px;border:1px solid #003399; background-color:#F0F7FF;margin:10px 0;}


div.page.ma h2,div.page.ma h3,div.page.ma h4,h3.ma{color:#009933;}
div.page.sh h2,div.page.sh h3,div.page.sh h4,h3.sh{color:#003399;}
.abajo2{margin-left:20px;margin-top:20px; width:760px;padding:5px;font-size:0.9em;line-height: 1.2em;}
.abajo2{margin-left:20px;margin-top:10px; width:760px;padding:5px;border-top:1px solid #D7D7D7;font-size:0.9em;line-height: 1.2em;}
.abajo{margin-left:15px;margin-top:30px; width:400px;padding:5px;border-top:1px solid #D7D7D7;font-size:0.8em;line-height: 1.2em;}
.titulocenter{margin-left:0px;width:410px;padding:5px;border-top:1px solid #D7D7D7;border-bottom: 1px solid #D7D7D7;background-color:#F7F7F7;}
*.titulocenter span{margin-left:5px;font-size:1.5em;font-family:"Trebuchet MS";font-weight:bold;color:#003399;}
*.titulocenter strong{display:block;color:#000;font-size:2em;font-family:"Trebuchet MS";font-weight:bold;line-height:140%;color:#009933;}
/*
------------------------
SHOW/HIDE LISTS
------------------------
*/
ul#div_list, ul#faq_list, ul#links_list, ul#serv_list, ul#div_list li, ul#faq_list li, ul#links_list li, ul#serv_list li{margin:10px 0;padding:0px;}
ul.show_hide{width:400px;list-style:none;}
ul.show_hide li{width:400px;list-style:none;margin:0 0 5px 0;border-bottom:1px solid #D7D7D7;padding:0px;}
ul.show_hide li a{width:400px;display:block;font-weight:bold;padding:0 0 5px 0;font-size:1em;}
ul.show_hide li div{width:390px;padding:5px;border-top:1px solid #D7D7D7;background-color:#F7F7F7;}


/*
-------------------------------------------------------
TESTS update by Sue :)
-------------------------------------------------------
*/
/*div.show_hide div{width:400px;list-style:none;margin:0 0 5px 0;padding:0px;border-top:1px solid #D7D7D7;background-color:#F7F7F7;font-weight: bold;color: red;} */
div.hide{
	width:400px;
	list-style:none;
	padding:0px;
	border-top:1px solid #D7D7D7;
	background-color:#F7F7F7;
	font-weight: normal;
	color: #333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
div.hide p{
padding-bottom: 10px;
}
div.hide strong{
	color: #003399;
}
div.hide b{
	color: #009933;
}
div.hide a{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	float: left;
}
div.hide a:hover{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	float: left;
}
/*

body,td,p {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;}
.pagecss {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.questioncss {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.answercss {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.warning {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: red;
	display:none;
	position:relative;top:0;left:0;
	padding-bottom:2px;
}  */
/*
-------------------------------------------------------
CONTACTO
-------------------------------------------------------
*/
#contact_form{padding:3px;font-size:10px;background-color:#E6E6E6;border:2px solid #CCCCCC;}
#contact_form em{color:#FF0000;}
#contact_form p.status{width:390px;font-size:1.1em;}

#contact_form form *{font:10px 'Lucida Grande',Verdana, Arial, Sans-Serif;}
#contact_form form p.block1{width:380px;}
#contact_form form p.block2{width:390px;clear:both;}
#contact_form form p.block3{width:390px;clear:both;}


#contact_form form p.block1 label{float:left;display:block;width:175px;padding:5px;}
#contact_form form p.block1 label input{width:175px;padding:2px;}
#contact_form form p.block1 label textarea{width:370px;padding:2px;height:150px;overflow:hidden;}

#contact_form form p.block2 img{float:left;padding:3px;background-color:#E6E6E6;border:2px solid #CCCCCC;}
#contact_form form p.block2 label{float:left;width:160px;height:68px;display:block;padding:5px;background-color:#F7F7F7;border:2px solid #CCCCCC;margin:0 0 0 5px;}
#contact_form form p.block2 label input{padding:1px 4px;font-size:10px;margin:1px 0 0 0;}

#contact_form form p.block2 login{float:left;display:block;width:175px;padding:5px;}

#contact_form form p.block3 label{padding:0 5px;}
#contact_form form p.block3 label input{width:180px;padding:2px;text-align:center;cursor:pointer;}

#contact_form form p.block2 label input.error{background-color:#993333;color:#FFFFFF;}
#contact_form form p.block1 label input.error,#contact_form form p.block2 label textarea.error{background-color:#993333;color:#FFFFFF;}
/*
------------------------
BIBLIO
------------------------
*/
#biblio{width:400px;}
.book{width:400px;float:left;margin:0 0 5px 0;}
.book h4{display:block;color:#000;font-size:1.1em;font-family:"Trebuchet MS";padding:5px 0;margin:15px 0 10px 0;}
.book a img{float:left;padding:5px;width:100px;height:145px;}
.book div{float:left;padding:5px;font-size:1em;width:270px;}

/*
------------------------
ARHIVOS
------------------------
*/

#archives{width:420px;padding:10px 10px;}

#archives h4{width:410px;padding:5px;color:#FFF;background-color:#333; font-size:1em;}
	#archives.ma h4{background-color:#009933;}
	#archives.sh h4{background-color:#003399;}


#archives ul{width:420px;float:left;margin-bottom:10px;}
#archives ul li{width:420px;float:left;border-bottom:1px solid #CCC;}
#archives ul li,#archives ul li a{float:left;line-height:18px;display:inline; cursor:pointer;}
#archives ul li a strong{width:319px;float:left;padding:5px;background-color:#F7F7F7;border-right:1px solid #CCC;}
#archives ul li a b{width:410px;float:left;padding:5px;background-color:#F7F7F7}
#archives ul li em{float:left;width:80px;padding:5px;font-style:normal;color:#666;text-align:center;}
#archives h4 a{color:#FFF;text-decoration:underline;}
#archives h4 a:hover{text-decoration:none;}

.navigation{width:420px; float:left;padding:15px 0px;}
.navigation div a{font-weight:bold;}
.navigation div.al{float:left;}
.navigation div.ar{float:right;}

/*
------------------------
FOOTER
------------------------
*/
#footer{clear:both;width:810px;height:50px;background:url('images/al-bot.jpg') no-repeat center bottom;}
#footer p{width:730px;padding:10px 20px;margin:0 20px;text-align:center;color:#333;border-top:1px solid #CCCCCC;background-color:#F7F7F7;}
#footer p a {text-decoration:none;font-weight:bolder;}
#footer p a strong#criterionet{text-align:right;color:#81c51a;font-weight:bold;text-decoration:none;}
#footer p a strong#criterionet span{color:#084184;}
#footer p a strong#cn_keys{display:none;}
/*
------------------------
LBOX
------------------------
*/
#lightbox{background-color:#eee;padding:10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{display:none;}
#keyboardMsg{display:none;}
#closeButton{top:5px;right:5px;}
#lightbox img{border:none;clear:both;} 
#overlay img{border:none;}
#overlay{background-image:url('images/overlay.png');}
* html #overlay{background-color: #333;back\ground-color: transparent;background-image: url(blank.gif);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");}

/*
------------------------
CV
------------------------
*/

#cv_form_container{width:420px;margin:15px 0;float:left;}
#cv_form_container div#status{padding:10px 0;}
#cv_form_container table{width:100%;color:#333;text-decoration:none;font:11px Verdana, Arial, Helvetica, sans-serif;}
#cv_form_container table,#cv_form_container td{border:none;}
#cv_form_container td{width:110px;padding:5px 2px; font-weight:bold;}
#cv_form_container td.longer{width:260px; font-weight:normal;}
#cv_form_container td input, #cv_form_container td textarea{width:230px;padding:2px;}
#cv_form_container td input#archivo{width:130px;_width:200px;}

#cv_form_container td input#enviar{border:3px double #999;border-top-color:#CCC;border-left-color:#CCC;background:#333;color:#FFF;font-size:11px;}



/*
------------------------
LOGIN
------------------------
*/

#login_form{width:380px;padding:15px 20px;float:left;}
#login_form fieldset{padding:10px; border:1px solid #DDD;}
#login_form legend{ font-size:12px; font-weight:bold; padding:2px;}
#login_form  table{width:100%;color:#333;text-decoration:none;font:11px Verdana, Arial, Helvetica, sans-serif;}
#login_form  table,#login_form  td{border:none;}
#login_form  td{width:80px;padding:5px 2px;font-weight:bold;}
#login_form  td.longer{font-weight:normal;}
#login_form  td input{width:210px;padding:2px;}
#login_form  td input#entrar{border:3px double #999;border-top-color:#CCC;border-left-color:#CCC;background:#333;color:#FFF;width:220px; font-size:11px;}


/*
------------------------
RENDOM
------------------------
*/
#random_humor{width:380px;padding:15px 15px;background:#EAEAEA;}
#random_humor span img{width:380px;}
#random_humor span.txt{padding:15px 0;}