/*
 * 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
 *
*/

#carrusel_2 
{
	font-size:medium;
	height: 16em;
}

.B #carrusel_2 {
	width: 44em;
}
.C #carrusel_2 {
	width: 39.5em;
}
.D #carrusel_2 {
	width: 38em;
}
.E #carrusel_2 {
	width: 35em;
}
.F #carrusel_2 {
	width: 29em;
}
.P #carrusel_2 {
	width: 47em;
}

.cuadro_carrusel_2 {
	height: 14em;
	border-top: 1px solid #e7e7e8;
	border-right: 1px solid #e7e7e8;
	border-left: 1px solid #e7e7e8;
}

.elemento_carrusel_2 {
	float: left;
	width: 9.35em;
	border-right: 1px solid #e7e7e8;
	padding-top: .5em;
	height: 13.5em;
	padding-left: .4em;
	overflow: hidden;
}

.imagen_carrusel_2 {
	height: 13em;
	width: 9em;
	overflow: hidden;
	display: block;
	position: relative;
}

.B1 {
	margin-top: -5em;
}

.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: 6em;
	text-align: left;
}

.Tit2_c2_v4 {
	font-size: .8em;
	text-align: center;
	text-transform:uppercase;
	font-weight:bold;
	line-height: 1.1em;
	margin-top: .5em;
	padding-right: .5em;
	padding-left: .5em;
}

.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 #9dd06b;
}

.L_naranja {
	border-top: 3px solid #f3901b;
}

.L_azul {
	border-top: 3px solid #0367b3;
}

.L_limon {
	border-top: 3px solid #ccd522;
}

.L_rosa {
	border-top: 3px solid #d90a90;
}

.L_marron {
	border-top: 3px solid #920e26;
}

/* ------------------- */

.F_verde {
	width: 10px;
	height: 5px;
	/*background-image: url(imagenes/flechas_carrusel2.gif) 50% transparent;*/
	float: right;
	margin-right: 3px;
}

.F_naranja {
	width: 10px;
	height: 5px;
	float: right;
	margin-right: 3px;
/*	background: url(imagenes/flechas_carrusel2.gif) -15px 50% transparent;*/
}

.F_azul {
	width: 10px;
	height: 5px;
	float: right;
	margin-right: 3px;
/*	background: url(imagenes/flechas_carrusel2.gif) -30px 50% transparent;*/
}

.F_limon {
	width: 10px;
	height: 5px;
	float: right;
	margin-right: 3px;
	/*background: url(imagenes/flechas_carrusel2.gif) -45px 50% transparent;*/
}

.F_rosa {
	width: 10px;
	height: 5px;
	float: right;
	margin-right: 3px;
/*	background: url(imagenes/flechas_carrusel2.gif) -60px 50% transparent;*/
}

.F_marron {
	width: 10px;
	height: 5px;
	float: right;
	margin-right: 3px;
/*	background: url(imagenes/flechas_carrusel2.gif) -75px 50% transparent;*/

}

/* ------------------ */

.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;
}
#margen {
	overflow: hidden;
	position: relative;
	width: 100%;
}
#carrusel_2_prev, #carrusel_2_next, #galeria_prev, #galeria_next {
	background-color: #fff;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 10;
	border-radius: 25px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

#carrusel_2_prev, #carrusel_2_next {
	top: 110px;
}

#galeria_prev, #galeria_next {
	top: 0px;
}

#carrusel_2_prev span, #carrusel_2_next span, #galeria_prev span, #galeria_next span {
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 19px;
}
#carrusel_2_next, #galeria_next {
	left: -25px;
}
#carrusel_2_next span, #galeria_next span {
	border-right: 10px solid #ccc;
	left: 25px;
}
#carrusel_2_next:hover span, #galeria_next:hover span {
	border-right-color: #999;
}
#carrusel_2_prev, #galeria_prev {
	right: -25px;
}
#carrusel_2_prev span, #galeria_prev span {
	border-left: 10px solid #ccc;
	right: 25px;
}
#carrusel_2_prev:hover span, #galeria_prev:hover span {
	border-left-color: #999;
}

			
#pager {
	margin:0 auto;
	text-align: center;
}
#pager a {
	margin: 0 5px 0 0;
	text-decoration: none;
	display:inline-block;
	width:8px;
	height:8px;
	background: transparent url(../archivos/AdministradorContenido/Image/GRAL/carousel_control.png) no-repeat -2px -32px;
	text-indent:-999em;
}
#pager a.selected {
	text-decoration: underline;
	background: transparent url(../archivos/AdministradorContenido/Image/GRAL/carousel_control.png) no-repeat -12px -32px;				
}

#galeria {
	position: relative;
	width:480px;
	margin-left:auto;
	margin-right:auto;
}
#imagenes-galeria {
	width: 480px;
	height: 300px;
	padding: 0px 0px 15px;
	position: relative;
}
#imagenes, #imagenmini {
	overflow: hidden;
}
#imagenes-galeria .caroufredsel_wrapper {
	border-radius: 10px;
	box-shadow: 0 0 5px #899;
}
.caroufredsel_wrapper {
width: 100% !important;
}

#imagenes div, #imagenes img,
#imagenmini a, #imagenmini img  {
	display: block;
	float: left;
}
#imagenes div,
#imagenmini div, #imagenmini a {
	position: relative;
}
#imagenes img,
#imagenmini img {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#imagenes img.glare,
#imagenmini img.glare {
	width: 102%;
	height: auto;
}

#imagenes div {
	width: 700px;
	height: 420px;
	overflow: hidden;
}

#imagenmini-galeria {
	position: relative;
	overflow: hidden;
}
#imagenmini a {
	border: 2px solid #899;
	width: 150px;
	height: 100px;
	margin: 0 10px;
	overflow: hidden;
	border-radius: 10px;
	
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
}
#imagenmini a:hover, #imagenmini a.selected {
	border: 3px solid #6DB33F;
}