/*en comun*/
#capacitacion, #examenes, #traducciones{ border: 1px solid #ffffff;}

#capacitacion h3, #examenes h3, #traducciones h3{font-size:17px; margin:0; display:inline; float:left;}

#capacitacion p, #examenes p, #traducciones p{ color:#606060; font-size:18px; font-style: italic; margin:25px 0 0 0; display:inline; float:left; position:relative; left: -5px; padding:5px 0 0 5px; width:300px;}

#capacitacion ul, 
#capacitacion ul.ui-state-default, 
#capacitacion ul.ui-state-active,
#examenes ul, 
#examenes ul.ui-state-default, 
#examenes ul.ui-state-active,
#traducciones ul, 
#traducciones ul.ui-state-default, 
#traducciones ul.ui-state-active{font-weight: bold; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

#capacitacion ul.ui-state-default,
#examenes ul.ui-state-default,
#traducciones ul.ui-state-default{color: #489CC1; }

#capacitacion ul.ui-state-active,
#examenes ul.ui-state-active,
#traducciones ul.ui-state-active{color: #0A608E; }

#capacitacion ul li,
#examenes ul li,
#traducciones ul li{ width:130px;}

#capacitacion ul li.tit,
#examenes ul li.tit,
#traducciones ul li.tit{ width:150px; clear:both; position: relative; top: 1px; margin: 0 .2em 1px 0; padding:2px 0 2px 20px;  font-size:19px; }

#capacitacion ul .ui-state-default, 
#capacitacion ul .ui-widget-content .ui-state-default, 
#capacitacion ul .ui-widget-header .ui-state-default,
#examenes ul .ui-state-default, 
#examenes ul .ui-widget-content .ui-state-default, 
#examenes ul .ui-widget-header .ui-state-default,
#traducciones ul .ui-state-default, 
#traducciones ul .ui-widget-content .ui-state-default, 
#traducciones ul .ui-widget-header .ui-state-default{ border: 1px solid #ffffff; font-weight: normal; color: #ffffff; font-size:13px;}

#capacitacion ul .ui-state-default a, 
#capacitacion ul .ui-state-default a:link, 
#capacitacion ul .ui-state-default a:visited,
#examenes ul .ui-state-default a, 
#examenes ul .ui-state-default a:link, 
#examenes ul .ui-state-default a:visited,
#traducciones ul .ui-state-default a, 
#traducciones ul .ui-state-default a:link, 
#traducciones ul .ui-state-default a:visited{ color: #ffffff; text-decoration: none; }

#capacitacion ul .ui-state-hover a, 
#capacitacion ul .ui-state-hover a:hover,
#examenes ul .ui-state-hover a, 
#examenes ul .ui-state-hover a:hover,
#traducciones ul .ui-state-hover a, 
#traducciones ul .ui-state-hover a:hover{ color: #ffffff; text-decoration: none; }

#capacitacion ul .ui-state-active a, 
#capacitacion ul .ui-state-active a:link, 
#capacitacion ul .ui-state-active a:visited,
#examenes ul .ui-state-active a, 
#examenes ul .ui-state-active a:link, 
#examenes ul .ui-state-active a:visited,
#traducciones ul .ui-state-active a, 
#traducciones ul .ui-state-active a:link, 
#traducciones ul .ui-state-active a:visited{ text-decoration: none; font-weight:bold;}

#capacitacion ul .ui-widget :active,
#examenes ul .ui-widget :active,
#traducciones ul .ui-widget :active { outline: none;}

#capacitacion .ui-accordion-content,
#examenes .ui-accordion-content,
#traducciones .ui-accordion-content{/*no radio*/-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

/*------------ CAPACITACION ------------*/
#capacitacion h3{ color:#7A2696;}
#capacitacion p{ border-left:5px solid #7A2696;}

#capacitacion ul, 
#capacitacion ul.ui-state-default, 
#capacitacion ul.ui-state-active{background: url(images/ui-bg_glass_65_ffffff_1x400.png) repeat-x scroll 50% 50% #FFFFFF; border: 1px solid #fff; border-bottom: 1px solid #7A2696;}

#capacitacion ul .ui-state-default, 
#capacitacion ul .ui-widget-content .ui-state-default, 
#capacitacion ul .ui-widget-header .ui-state-default { background: #7c0f93 url(images/ui-bg_highlight-soft_85_7c0f93_1x100.png) 50% 50% repeat-x; }

#capacitacion ul li.tit{ background:url(images/icon_01.jpg) 0% 50% no-repeat; }

#capacitacion ul .ui-state-hover, 
#capacitacion ul .ui-widget-content .ui-state-hover, 
#capacitacion ul .ui-widget-header .ui-state-hover, 
#capacitacion ul .ui-state-focus, 
#capacitacion ul .ui-widget-content .ui-state-focus, 
#capacitacion ul .ui-widget-header .ui-state-focus { border: 1px solid #d8b3e1; background: #a042b7 url(images/ui-bg_highlight-soft_100_a042b7_1x100.png) 50% 50% repeat-x; font-weight: normal; }

#capacitacion ul .ui-state-active, 
#capacitacion ul .ui-widget-content .ui-state-active, 
#capacitacion ul .ui-widget-header .ui-state-active { border: 1px solid #7a2696; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal;color: #7A2696; }

#capacitacion ul .ui-state-active a, 
#capacitacion ul .ui-state-active a:link, 
#capacitacion ul .ui-state-active a:visited { color: #7A2696;}

#capacitacion .ui-accordion-content {border-bottom:2px solid #944d9d;}
/*------------ END CAPACITACION ------------*/

/*------------ EXAMENES ------------*/
#examenes h3{ color:#F49E06;}
#examenes p{ border-left:5px solid #F49E06;}

#examenes ul, 
#examenes ul.ui-state-default, 
#examenes ul.ui-state-active{background: url(images/ui-bg_glass_65_ffffff_1x400.png) repeat-x scroll 50% 50% #FFFFFF; border: 1px solid #fff; border-bottom: 1px solid #F49E06;}

#examenes ul .ui-state-default, 
#examenes ul .ui-widget-content .ui-state-default, 
#examenes ul .ui-widget-header .ui-state-default { background: #f48e08 url(images/ui-bg_highlight-soft_100_f48e08_1x100.png) 50% 50% repeat-x;}

#examenes ul li.tit{background:url(images/icon_02.jpg) 0% 50% no-repeat;}

#examenes ul .ui-state-hover, 
#examenes ul .ui-widget-content .ui-state-hover, 
#examenes ul .ui-widget-header .ui-state-hover, 
#examenes ul .ui-state-focus, 
#examenes ul .ui-widget-content .ui-state-focus, 
#examenes ul .ui-widget-header .ui-state-focus {border: 1px solid #fcd49f; background: #fab152 url(images/ui-bg_highlight-soft_75_fab152_1x100.png) 50% 50% repeat-x; font-weight: normal;}

#examenes ul .ui-state-active, 
#examenes ul .ui-widget-content .ui-state-active, 
#examenes ul .ui-widget-header .ui-state-active { border: 1px solid #f49e06; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #f49e06; }

#examenes ul .ui-state-active a, 
#examenes ul .ui-state-active a:link, 
#examenes ul .ui-state-active a:visited { color: #f49e06;}


#examenes .ui-accordion-content {border-bottom:2px solid #f49e06;}
/*------------ END EXAMENES ------------*/


/*------------ TRADUCCIONES ------------*/
#traducciones h3{ color:#56990a;}
#traducciones p{ border-left:5px solid #56990a;}

#traducciones ul, 
#traducciones ul.ui-state-default, 
#traducciones ul.ui-state-active{background: url(images/ui-bg_glass_65_ffffff_1x400.png) repeat-x scroll 50% 50% #FFFFFF; border: 1px solid #fff; border-bottom: 1px solid #56990a;}

#traducciones ul .ui-state-default, 
#traducciones ul .ui-widget-content .ui-state-default, 
#traducciones ul .ui-widget-header .ui-state-default {background: #6bab0d url(images/ui-bg_highlight-soft_100_6bab0d_1x100.png) 50% 50% repeat-x; }

#traducciones ul li.tit{ background:url(images/icon_03.jpg) 0% 50% no-repeat; }

#traducciones ul .ui-state-hover, 
#traducciones ul .ui-widget-content .ui-state-hover, 
#traducciones ul .ui-widget-header .ui-state-hover, 
#traducciones ul .ui-state-focus, 
#traducciones ul .ui-widget-content .ui-state-focus, 
#traducciones ul .ui-widget-header .ui-state-focus {border: 1px solid #bed79e; background: #8ab74f url(images/ui-bg_highlight-soft_75_8ab74f_1x100.png) 50% 50% repeat-x; font-weight: normal;}

#traducciones ul .ui-state-active, 
#traducciones ul .ui-widget-content .ui-state-active, 
#traducciones ul .ui-widget-header .ui-state-active { border: 1px solid #56990a; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #56990a;
}

#traducciones ul .ui-state-active a, 
#traducciones ul .ui-state-active a:link, 
#traducciones ul .ui-state-active a:visited { color: #56990a;}


#traducciones .ui-accordion-content {border-bottom:2px solid #56990a;}
/*------------ END TRADUCCIONES ------------*/



/* Component containers
----------------------------------*/
.ui-widget {/* font-family: "Trebuchet MS", Arial, SansSerif; font-size: 1em; */}
.ui-widget .ui-widget { /*font-size: 1em; */}
.ui-widget-content {
 border: 1px solid #ffffff; 
 /*background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222;
 /*no radio*/-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; 
 }
.ui-widget-content a { /*color: #222222; */}
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }



/*  ACCORDION  */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { /*width:100%;*/}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content {/* padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1;*/ }
.ui-accordion .ui-accordion-content-active { display: block; }

/*  TABS  */
.ui-tabs { position: relative; padding: .2em; zoom: 1; font-family: "Trebuchet MS", Arial, SansSerif; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; margin:5px 23px 23px 23px; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Layout helpers 
---------------------------------- si eliminamos esto se rompe el diseņo*/
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/*corner*/
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/*-----------inner info -----------*/
.text_cont{ clear:both; padding:25px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:175%; color:#333;}
ol.text_info{ list-style: disc; margin:0px; position:relative; left:15px;}
ol.text_info li ol{ list-style: square; margin:0 0 0 25px; }

#exaInterna h4{ clear:both; font-family:"Trebuchet MS", Arial, SansSerif; font-style:italic; font-size:16px; width:500px; display:inline-block;}
#exaInterna h4.hing{ color:#EB6724; border-bottom:2px solid #EB6724;}
#exaInterna h4.hesp{ color:#085884; border-bottom:2px solid #085884;}
#exaInterna h4.hchi{ color:#C60C1A; border-bottom:2px solid #C60C1A;}
#exaInterna img.ic_idioma{ vertical-align:middle; margin-right:10px; }
ol.ol_internacionales{ text-align:right; list-style:none; clear:both;}
ol.ol_internacionales li{ width:45%; float:left;}
ol.ol_internacionales li a img{ border:none; vertical-align:middle; margin-left:5px;}