/*
___________________________________________
**  **  **  **  **   **    ****    ********
**  **  **  **  ** **    ** ** **     **
**  **  **  **  ****     ** ** **     **
 *** ***    **  ** **    ** ** **     **
 *** ***    **  **   **    ****       **
 
Developed by: WIKOT
www.wikot.com
 
info@wikot.com
___________________________________________
*/

body { width:760px; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0 auto; padding:0; }
a { color:#000000; text-decoration:none; }
a:hover { text-decoration:underline; }
h1 span { display:none; }
h1 { padding:0 15px; margin:0; }
img { behavior: url("pngbehavior.htc"); border:none; }
form { margin:0; padding:0; }


/*************
*** Inputs ***
*************/
.ifield, .itext, .idrop, .ifile, .ibutton { font-size:11px; }
.ifield { width:250px;}
.itext { font-family:Arial, Helvetica, sans-serif; width:250px; height:70px; }
.ibutton { cursor:pointer; }
.ifile { width:200px; padding:1px 0; }
.btnupload { font-size:11px; }
#tablefoto td { padding:0; }

#contTemp { background:#EBEBEB; padding:0 5px 5px 5px; display:none; }
#contTemp p { text-align:right; margin:11px 0; }
#ClientValidationSummary { background-color:#FFFFFF; padding:10px; }
#ClientValidationSummary li { background-image:url(../images/bullet_green.gif); background-repeat:no-repeat; line-height:17px; padding-left:20px; margin-left:0; list-style:none; }
#ClientValidationSummary li a { cursor:text; }
#ClientValidationSummary li a:hover { text-decoration:none; }



/*************
*** Header ***
*************/
/* Submenu */
#submenu { background:#F2F1F2; height:16px; margin:0; padding:2px 0; }
#submenu li { margin:0; padding:0 7px; border-right:#000 1px solid; list-style:none; float:right; }

/* Menu */
#menu { background:#CC0000 url(../images/bg_menu.gif) repeat-x bottom; height:29px; margin:0; padding:0; }
#menu li { list-style:none; float:left; margin:0; padding:0; }
#menu li a span { display:none; }
#menu li a { height:28px; border-left:#DA2100 1px solid; border-right:#AD1800 1px solid; display:block; }

#menu a.empresa { background:url(../images/bot_empresa.gif) no-repeat; width:117px; border-left:none; }
#menu li.empresa, #menu a.empresa:hover { background:url(../images/bot_empresa_on.gif); }

#menu a.ofertas { background:url(../images/bot_ofertas.gif) no-repeat; width:88px; }
#menu li.ofertas, #menu a.ofertas:hover { background:url(../images/bot_ofertas_on.gif); }

#menu a.club { background:url(../images/bot_club.gif) no-repeat; width:75px; }
#menu li.club, #menu a.club:hover { background:url(../images/bot_club_on.gif); }

#menu a.aldia { background:url(../images/bot_aldia.gif) no-repeat; width:117px; }
#menu li.aldia, #menu a.aldia:hover { background:url(../images/bot_aldia_on.gif); }

#menu a.sabor { background:url(../images/bot_sabor.gif) no-repeat; width:71px; }
#menu li.sabor, #menu a.sabor:hover { background:url(../images/bot_sabor_on.gif); }

#menu a.social { background:url(../images/bot_social.gif) no-repeat; width:79px; }
#menu li.social, #menu a.social:hover { background:url(../images/bot_social_on.gif); }

#menu a.empleo { background:url(../images/bot_empleo.gif) no-repeat; width:60px; border-right:none; }
#menu li.empleo, #menu a.empleo:hover { background:url(../images/bot_empleo_on.gif); }

/* Middle */
#middle { background:url(../images/bg_logos.jpg) repeat-x bottom; margin:2px 0; }
#inter #middle { background:url(../images/bg_logos_short.jpg) repeat-x bottom; }
#home #middle { height:177px; }
#inter #middle { height:117px; }
#instructions { color:#FFFFFF; background:#CB0000 url(../images/bg_instructions.jpg) repeat-y right; padding:20px; float:left; }
#home #instructions { font-size:12px; width:382px; height:137px; }
#inter #instructions { font-size:11px; width:407px; height:77px; }
#instructions h2 { font-size:22px; font-weight:normal; margin:0; padding:0; }
#home #instructions h3 { font-size:14px; font-weight:normal; margin:20px 0; padding:0; }
#inter #instructions h3 { font-size:12px; font-weight:normal; margin:5px 0; padding:0; }
#inter #instructions p { margin:5px 0; }
#logos { width:528px; }
#home #logos { margin-left:422px; height:111px; padding:66px 0 0 10px; }
#inter #logos { margin-left:447px; height:78px; padding:39px 0 0 10px; }
.error { color:#FF0000; font-style:italic; margin-right:15px; }
.exito { color:#999999; font-style:italic; }
.cedula { background:#FFCC66; }

/* Navigation */
.navigation { color:#999; background:#FBFBFB url(../images/bg_navigation.gif) repeat-x; height:27px; margin:0; padding:0; }
.navigation li { text-align:center; _width:105px; height:20px; margin:0; padding:5px 20px 0 20px; list-style:none; float:left; }
.navigation li a { color:#999999; text-decoration:none; }
.navigation li a:hover { color:#666; text-decoration:none; }
.active { color:#FFFFFF!important; background:url(../images/bot_navigation_on.gif) repeat-x; height:20px; padding:5px 20px 0 20px!important; border:#BF1712 1px solid; }
.accessfield { color:#666; background:#FBFBFB; font-size:10px; width:100px; border:1px solid #CECECE; margin:0 0 0 3px; }
.navigation label { margin-right:5px; }
.navigation form { text-align:right; margin:0; padding:3px 20px 0 0; }
.navigation .cuenta { background:#F5F5F5; margin-right:1px; }
.cuenta a { color:#999999; text-decoration:none; }
.cuenta a:hover { color:#666; }


/**************
*** Content ***
**************/
.verdetalle { text-align:right; margin:10px 0 0 0; padding:0; display:block; }

#info { background:#EBEBEB; padding:0 5px 5px 5px; display:none; }
#info p { text-align:right; margin:11px 0; }
#detalle { background-color:#FFFFFF; text-align:left; height:240px; padding:10px; overflow:auto; }
#detalle h2 { color:#AA0000; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0; padding:0; }
#detalle h3 { font-size:11px; font-weight:bold; margin:10px 0 0 0; padding:0; }
#detalle p { text-align:left; }

#content { padding:20px; _height:250px; min-height:250px; }
#content h2 { color:#AA0000; font-size:12px; font-weight:bold; margin:0; padding:0; }
#content h3 { font-size:12px; font-weight:bold; }
input.button { color:#FFFFFF; background-color:#DE1B14;font-size:10px; text-decoration:none; height:20px; padding:2px 10px; border:#BF1712 1px solid; margin-left:10px; cursor:pointer; }
.cont-button { float:right; padding-right:20px; *padding-top:15px; }
#inter #content form { width:690px; padding:0; margin:0; }
div.errorcont { color:#FF0000; background:#F9F9F9; text-align:center; font-size:12px; font-style:italic; width:648px; margin-bottom:15px; padding:10px; border:1px solid #CCCCCC; display:none; }
div.exitocont { color:#999; background:#F9F9F9; text-align:center; font-size:12px; width:648px; margin-bottom:15px; padding:10px; border:1px solid #CCCCCC; display:none; }
#home div.errorcont, #home div.exitocont { width:540px; }
#mispostulaciones {float:right;width:340px; height:276px; _height:290px; margin:15px 0 0 0px; border:1px solid #CDCDCD; }
#cont-post { background:#FAFAFA; height:241px; _height:255px; padding:5px; overflow:auto; }
#mispostulaciones h2 { color:#AA0000; font-size:12px; font-weight:bold; margin:0; padding:5px; }

/* Vacantes */
.option { width:245px; min-height:80px; height:80px; margin:0 23px 20px 0; padding:10px; border:#CDCDCD 1px solid; float:left; }
.optionvac { width:245px; min-height:70px; _height:70px; margin:0 23px 20px 0; padding:10px; border:none; float:left; }
.option h4 { color:#CA1C23; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0; padding:0; }
.option p { margin:3px 0 0 0; padding:0; }
.pages { text-align:center; }
.pages a { text-decoration:none; }
.pages a:hover { text-decoration:underline; }
.actual { color:#CE2B32; font-weight:bold; }
#novacantes { display:block; height:170px; }

/* Planilla */
.planilla { background:#EBEBEB; border:#CDCDCD 1px solid; width:670px; }
.planalt { background:#F5F5F5; }
.planilla th { color:#CA1C23; font-size:11px; text-align:left; text-transform:uppercase; }
.planilla td, .planilla th { padding:5px; }

.vista { background:#FFF; border:#CDCDCD 1px solid; width:670px; }
.vista th { background:#F5F5F5; color:#CA1C23; font-size:11px; text-align:left; text-transform:uppercase; border-bottom:#CDCDCD 1px solid; }
.vista td, .vista th { padding:5px; }




/************
*** Video ***
************/
#video { margin-left:620px; padding:45px 0; width:340px; }


/*************
*** Footer ***
*************/
#footer { background:#F2F1F2; text-align:center; height:14px; padding:5px;  }
#footer p { margin:0; }


.clear { clear:both; }
.icono { cursor:pointer; }