/*
 * Mexico D.F. 2010
 *El contenido de este archivo fue desarrollado por :
 *Rogelio Argumedo Uribe rogelio.argumedo@sip.gob.mx para la 
 *Presidencia de la República a través del Sistema Internet de la
 *Presidencia (SIP sip.gob.mx).
 *
 *Bajo la Licencia: Creative Commons Attribution-NonCommercial-ShareAlike 3.0 
 *http://creativecommons.org/licenses/by-nc-sa/3.0/deed.es_MX
 *
*/

.titulo_a{ border-left-style: solid; border-left-width: 2px; padding-left: .3em; border-width: 2px; border-color: #e4e3e3; text-transform: uppercase; font-weight: bold; color: #CF242D; margin-bottom: .5em; font-size: 1em; margin-left:.5em; } 



.titulo_b { font-size: .7em; color: gray; font-weight: bold; }

#carrusel_2_v4 { width: 39.5em;	height: 16em; }
#carrusel_2_v4_bis {border: 1px solid silver; display: table; padding: .2em; margin-left: 45px; width: 29.5em; }
.images_cv4 { height: 14em; border-top: 1px solid #e7e7e8; border-right: 1px solid #e7e7e8; border-left: 1px solid #e7e7e8;}
.cuadro_cv4 { float: left; width: 9.35em; border-right: 1px solid #e7e7e8; padding-top: .5em; height: 13.5em; padding-left: .4em; overflow: hidden; }
.Ima_c4v { height: 13em; width: 9em; overflow: hidden; display: block; position: relative; }
.B1 { margin-top: -3em; }
.Fon_c4v { background-color: black; opacity: 0.75; width: 9em; height: 13em; position: relative; }
.T1 { color: white; position: relative; margin-top: -13em; width: 9em; height: 13em; }
.Tit_c2_v4 { font-size: .7em; line-height: 1.1em; padding: .2em .5em; height: 3.6em; text-align: left; }
.Tex_c2_v4 { font-size: .7em; line-height: 1.1em; margin-top: .5em; padding-right: .5em; padding-left: .5em; text-align: left; }
.Tex_c2_v4 a { color: white; text-decoration: none; }
/* --------------------- */
.L_verde { border-top: 3px solid #038640; }
.L_naranja { 	border-top: 3px solid #f3901b; }
.L_azul { border-top: 3px solid #0367b3; }
.L_limon { border-top: 3px solid #D8027F; }
.L_rosa { border-top: 3px solid #d90a90; }
.L_marron { border-top: 3px solid #920e26; }
/* ------------------- */
.F_verde { width: 10px; height: 5px; 	background-image: url(images/flechas_carrusel2.gif); float: right; margin-right: 3px; }
.F_naranja { width: 10px; height: 5px; float: right; margin-right: 3px; background: url(images/flechas_carrusel2.gif) -15px; }
.F_azul { width: 10px; height: 5px; float: right; margin-right: 3px; background: url(images/flechas_carrusel2.gif) -30px; }
.F_limon { width: 10px; height: 5px; float: right; margin-right: 3px; background: url(images/flechas_carrusel2.gif) -45px; }
.F_rosa { width: 10px; height: 5px; float: right; margin-right: 3px; background: url(images/flechas_carrusel2.gif) -60px; }
.F_marron { width: 10px; height: 5px; float: right; margin-right: 3px; background: url(images/flechas_carrusel2.gif) -75px; }
/* ------------------ */
.imagen_c2 { border: 2px solid gray; width: 9em; height: 13em; margin-right: .4em; }
.titulo_c1 { text-transform: uppercase; margin-bottom: .2em; font-size: .8em; }
.titulo_c1 a { color: #b6590f; text-decoration: none; }
.titulo_c1 a:hover { text-decoration: underline; }
.descrip_c1 { font-size: .6em; line-height: 1.2em; color: #5b5a59; }

/* Estilos para el Scroll de Barras */

#scrollbar-demo{ width: 39.5em; height: 16em; text-align:justify; overflow:auto; border-top: 1px solid silver; border-right: 1px solid silver; border-left: 1px solid silver; background-color: #fff; margin-right: 0 !important; }
.scrollBar .bar{ width:32px; height:32px; }
.scrollBar .button{ width:32px; height:32px; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; }
.scrollBar .button.leftButton{ background-image:url(images/arrow-left.gif); }
.scrollBar .button.rightButton{ background-image:url(images/arrow-right.gif); }
.scrollBar .button.active{ background-position:bottom center; }
.scrollBar .scrollable{ cursor:pointer; background-image:url(images/stripe.gif); background-repeat:repeat; }
.scrollBar .knob{ height:32px; }
.scrollBar .knob.verticalKnob{ cursor:n-resize; }
.scrollBar .knob.horizontalKnob{ cursor:w-resize; }
.scrollBar .knobHorizontalTip{ width:12px; position:absolute; background-position:left center; background-repeat:no-repeat; }
.scrollBar .active .knobHorizontalTip{ background-position:right center; }
.scrollBar .leftTip{ left:0; background-image:url(images/knob-left.gif); }
.scrollBar .rightTip{ right:0; background-image:url(images/knob-right.gif); }
.scrollBar  .knobHorizontalFill{ background-position:top center; background-repeat:repeat-x; background-image:url(images/horizontal-knob.gif); margin:0 12px; }
.scrollBar .active .knobHorizontalFill{ background-position:bottom center; }
.scrollBar .knobVerticalTip{ height:12px; background-position:top center; background-repeat:no-repeat; }
.scrollBar .active .knobVerticalTip{ background-position:bottom center; }
.scrollBar .knobVerticalFill{ background-position:left center; background-repeat:repeat-y; background-image:url(images/vertical-knob.gif); position:absolute; bottom:12px; top:12px; }
.scrollBar .active .knobVerticalFill{ background-position:right center; }
.scrollBar .topTip{ background-image:url(images/knob-top.gif); }
.scrollBar .bottomTip{ position:absolute; bottom:0; background-image:url(images/knob-bottom.gif); }
.scrollBar .knob.active{ border:none; }
.scrollBar .corner{}


/* Estilos GB */
#GB_overlay { background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 2000; }
#GB_window { left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 2500; }
#GB_window .content { width: auto;margin: 0; padding: 0; }
#GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; }
.GB_Gallery { margin: 0 22px 0 22px; }
.GB_Gallery .content { background-color: #fff; border: 3px solid #ddd; }
.GB_header { top: 10px; left: 0; margin: 0; z-index: 500; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555; }
.GB_header .inner { background-color: #333; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px; }
.GB_header table { margin: 0; width: 100%; border-collapse: collapse; }
.GB_header .caption { text-align: left; color: #eee; white-space: nowrap; font-size: 20px; }
.GB_header .close { text-align: right; }
.GB_header .close img { z-index: 500; cursor: pointer; }
.GB_header .middle { white-space: nowrap; text-align: center; }
#GB_middle { color: #eee; }
#GB_middle img { cursor: pointer; vertical-align: middle; }
#GB_middle .disabled { cursor: default; }
#GB_middle .left { padding-right: 10px; }
#GB_middle .right { padding-left: 10px; }
.GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; }
.GB_Window .header { border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; font-size: 12px; padding: 3px 0;color: #333; }
.GB_Window .caption { font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px;}
.GB_Window .close { text-align: right; }
.GB_Window .close span { font-size: 12px; cursor: pointer; }
.GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; }
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }