@charset "utf-8";
/* CSS Document */
*{ 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
}
html {
height: 100%;
}

body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background:no-repeat top center #333; /*url(img/bg_rgb.png) */
}
p, p a, a p {
font-size: 11px;
padding: 0px;
padding-bottom: 7px;
margin: 0px;
line-height: 16px;
font-weight: normal;
color: #CCCCCC;
}
p a:hover, a:hover p{
color: #FFFFFF;}
p.strong{
background: #FFFFFF;
color: #333333;
padding: 0px 3px;
margin-bottom: 10px;
}
a {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FB9700;
}
a img, img a {
border: none;
}
h1{
font-size: 24px;
color: #FFFFFF;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding-bottom: 7px;
line-height: 24px;
}
h2{
font-size: 16px;
color: #FFFFFF;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 16px;
padding-bottom: 7px;

}
h3, h3 a , .estado_simple_titulo{
padding: 2px 5px;
color: #333333;
font-size: 14px;
line-height: 14px;
font-weight: bold;
margin: 0px;
margin-bottom: 5px;
background: #333;
}
h3 a:hover, .estado_over_titulo  {
background: #FFFFFF;
color: #333333;
}
h4, a h4 {
background: #666;
padding: 2px 5px;
color: #333333;
font-size: 14px;
line-height: 14px;
font-weight: bold;
margin: 0px;
margin-bottom: 5px;
}
a:hover h4 {
background: #FFFFFF;
color: #333333;
}
h5{
text-align:justify;
margin:0px;
}
li {
list-style: square;}

div#contenedor{
height:100%;}

/*textos*/
.titulo_blanco{
font-size: 30px;
line-height: 20px;
color:#FFFFFF;
padding: 0px;
margin: 0px;
font-weight: bold;
}
.subtitulo_blanco{
font-size: 18px;
color: #FFFFFF;
padding: 0px;
margin: 0px;
}
.subtitulo_blanco a, 
.subtitulo_blanco a:hover, 
a .subtitulo_blanco, 
a:hover.subtitulo_blanco {
color: #FFFFFF; }

.bloque_naranja{
font-size: 18px;
color: #FFFFFF;
padding: 0px 10px;
margin: 0px;
background: #FF9900;
width: 560px;
margin-bottom: 5px;
}
.cuerpo {
color: #fff;
}
.cuerpo ul{
	margin: 0px;
	padding: 0px;
	}
.cuerpo ul li {
	color: #CCC;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	list-style-position: inside}
.ep {

background: #fff;
font-size: 10px;
color: #333;
line-height: 12px;
padding-left: 5px;
}


/*TOP*/
div#top {
height:50px;
width: 100%;
display: block;
clear: both;
background: #000;
position:absolute;
left:0px;
top:0px;
}

div#top #logo{
background: url(img/logo.gif) left no-repeat;
width: 120px;
height: 50px;
float: left;
}
div#top #wfd{
height: 50px;
float: left;
padding: 28px 0px 0px 20px;
color: #999;
}
div#top #wfd a{
color: #999;
}
div#top #wfd a.main{
color: #fff;

}
div#top #wfd a.main span{
	background-color: #666;
	padding: 0 10px;
}
div#top #wfd a.main span{
	color: #000;
	padding: 0 10px;
		background-color: #999;
}
div#top #wfd a.main span:hover{
	color: #000;
	padding: 0 10px;
		background-color: #ccc;
}
div#top #wfd a.main span#active{
	background: url(img/menu_active.gif) right no-repeat;
		background-color: #fff;
		color: #000;
}
div#top #wfd a:hover{
color: #fff;
}
div#top #wfd  #activo{
color: #FF9900;
}
div#top #info{
float: right;
padding: 20px 10px 0px 0px;

}

div#top #info #icon,
div#top #info #icon a{
background: url(img/info.gif) no-repeat;
width: 22px;
height: 22px;
cursor:pointer;
display:block;
float: left;
}

div#top #info #icon a:hover {
background: url(img/info_on.gif) no-repeat;
cursor:pointer;
}
#menu_top {
float: left;
margin-right: 5px;
color:#FFFFFF;
line-height: 30px;
height: 30px;
}
#menu_top a{
color: #fff;
}
#menu_top a:hover{
color: #FF9900;
}
#menu_top  #activo{
color: #FF9900;
}
/*CONTENIDO*/
div#contenido {
padding-top: 50px;
padding-bottom: 88px;
}
div#escroles {
position: absolute;
left: 50%;
top: 50%;
margin-top: -230px;
margin-left: -490px;
text-align: center;
width: 980px;
}

div.scroll {
margin: 0px auto;
text-align: center;
background: #000000;
height: 135px;
vertical-align: top;
width: 990px;
}
.border_bottom {
border-bottom: 2px solid #000000;}

div#acordeones {
position: absolute;
left: 50%;
top: 50%;
width: 980px;
margin-left: -490px;
margin-top: -200px;
}
#f_titulo{
width: 18px !important;
width: 15px;
background: #000000 url(img/f_titulo.gif) left bottom no-repeat;
height: 278px;
}
#w_titulo{
width: 18px !important;
width: 15px;
background: #000000 url(img/w_titulo.gif) left bottom no-repeat;
height: 278px;
}
#d_titulo{
width: 18px !important;
width: 15px;
background: #000000 url(img/d_titulo.gif) left bottom no-repeat;
height: 278px;
}
#titulos_naranja{
width: 250px;
padding: 10px 10px 5px 10px;
background: #ee8800 url(img/agencis.gif) bottom left no-repeat;
margin-bottom: 5px;
text-indent: 130px;
}
div#acordeones #fotografia {
width: 310px;
background: #000000;
border: 5px #000000 solid;
}

div#acordeones #web {
width: 310px;
background: #000000;
border: 5px #000000 solid;
}
div#acordeones #diseno {
width: 310px;
background: #000000;
border: 5px #000000 solid;
}
#portfolio_grafica{
width: 290px;
padding: 10px 10px 30px 10px;
background: #ee8800 url(img/portfolio_grafica.gif) bottom left no-repeat;
margin-bottom: 5px;
}
#portfolio_sociales{
width: 290px;
padding: 10px 10px 10px 10px;
background: #ee8800;
margin-bottom: 5px;
}
#volver{
margin: 0px;
margin-right: 5px;
margin-top: 5px;
float: left;
}

/*PIE*/
div#pie {
height:88px;
width:100%;
position:absolute;
left:0px;
bottom:0px;
background: #000;
}
div#pie #menu{
margin-top:-20px;
width: 100%;
height: 20px;
color:#FFFFFF;
}
#links {
display: none;
}

div#pie #menu_fotografia {
background: #FFFFFF;
color: #333333;
line-height: 14px;
height: 14px;
border-bottom: 1PX SOLID #333333;
}
div#pie #menu_web {
background:#92BFDA;
color:#000000;
line-height: 14px;
height: 14px;
border-bottom: 1PX SOLID #333333;
}
div#pie #menu_diseno {
background: #316EA7;
line-height: 13px;
height: 13px;
border-bottom: 1PX SOLID #333333;
color: #fff;
padding-top: 1px;
}
div#pie #menu_fotografia a {
color: #333;
}
div#pie #menu_fotografia a:hover {
color: #000;
}

div#pie #menu_web a {
color: #333;
}
div#pie #web a:hover {
color: #000;
}

div#pie #menu_diseno a{
color: #ddd;
}
div#pie #menu_diseno a:hover {
color: #FFFFFF;
}



/*BARRA SUP*/
div#barra_supe {
height:50px;
width:100%;
left:0px;
background: #fff;
top:50px;
position:absolute;
}
div#barra_supe #menu{
width: 100%;
height: 20px;
color:#FFFFFF;
background: #333333;
}
#links2 {
display:block;
}

div#barra_supe #fotografia {
background: #FFFFFF;
color: #333333;
line-height: 14px;
height: 14px;
border-bottom: 1PX SOLID #333333;
}
div#barra_supe #web {
background:#92BFDA;
color:#000000;
line-height: 14px;
height: 14px;
border-bottom: 1PX SOLID #333333;
}
div#barra_supe #diseno {
background: #316EA7;
line-height: 14px;
height: 14px;
border-bottom: 1PX SOLID #333333;
color: #ddd;
}
div#barra_supe #fotografia a {
color: #333;
}
div#barra_supe #fotografia a:hover {
color: #000;
}

div#barra_supe #web a {
color: #333;
}
div#barra_supe #web a:hover {
color: #000;
}

div#barra_supe #diseno a{
color: #ddd;
}
div#barra_supe #diseno a:hover {
color: #FFFFFF;
}


div#copyright {
width: 100%;
text-align: right;
position:relative;
left:0px;
bottom:0px;
color: #999;
padding:5px 0px 0px 0px;
line-height:25px;
}


/*COMUNES*/
.floatleft {
float: left;
}
.paddingleft {
padding-left: 10px;
}
.paddingbottom{
padding-bottom: 10px;
}
.marginleft{
margin-left: 10px;
}
.marginright{
margin-right: 15px;
}
.marginbottom{
margin-bottom: 10px;
}
.margintop{
margin-top: 10px;
}
.floatright {
float: right;
}
.paddingright {
padding-right: 15px !important;
padding-right: 7px;
}
.font11{
font-size: 11px;
}
.font10{
font-size: 10px;
}
.blanco {
color: #FFFFFF;}
.left {
text-align: left;}
.clear {
clear: both;
}
td {
vertical-align: top;}

.border{
border: #FFFFFF 3px solid
}
.trescientos{
width: 310px;}
.demos{
width: 305px;}
.doscientos{
width: 230px;}

.doscientos h3{
}
.doscientos a h3{
background-color: #000000;
color: #666;
}
.doscientos a:hover h3{
background: #FFFFFF;
color: #333333;
}
.doscientos p{
}
.doscientos a p{
color: #000;
}
.doscientos a:hover p{
color: #fff;
}
.cientoochenta{
width: 180px;}

.cientoochenta h3{
}
.cientoochenta  a h3{
background-color: #000000;
color: #666;
}
.cientoochenta  a:hover h3{
background: #FFFFFF;
color: #333333;
}
img.noticia, a img.noticia  {
border: #000 3px solid;
}
a:hover img.noticia  {
border: #FFFFFF 3px solid;
}
img.demo, a img.demo  {
border: #666 3px solid;
margin-right: 10px;
}
a:hover img.demo  {
border: #FFFFFF 3px solid;
margin-right: 10px;
}
.separador {
width: 10px;
float: left}
.justify{
text-align: justify}

/*ACORDEON*/
.acordeon{
margin: 0px;
margin-left: 18px;
padding: 0;
width: 288px; /*width of menu*/
height: 275px;
}
#f_bg{
background: url(img/f_bg.gif);
}
#w_bg{
background: url(img/w_bg.gif);
}
#g_bg{
background: url(img/d_bg.gif);
}
.acordeon div.silverheader a {
background: url(img/black50.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/black50.png',sizingMethod='scale');

/*background: url(img/black80.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/black80.png',sizingMethod='scale');*/

display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 0px;
text-decoration: none;
color: #bbb;
border-bottom: 1px solid #222;
padding-top: 5px;
padding-left: 5px;

}
.acordeon div.silverheader a:visited, .acordeon div.silverheader a:active{
color: #f5f5f5;
padding: 0px;
padding-top: 5px;
padding-left: 5px;
}
.acordeon div.selected a, .acordeon div.silverheader a:hover{
color: #f5f5f5;
padding: 0px;
padding-top: 5px;
padding-left: 5px;

}


.acordeon div.silverheader1 a{
background: url(img/black50.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/black50.png',sizingMethod='scale');

/*background: url(img/black80.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/black80.png',sizingMethod='scale');*/

display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 0px;
text-decoration: none;
color: #bbb;
border-bottom: 1px solid #222;
padding-top: 5px;
padding-left: 5px;
}
.acordeon div.silverheader1 a:visited, .acordeon div.silverheader1 a:active{
color: #f5f5f5;
padding: 0px;
padding-top: 5px;
padding-left: 5px;
}
.acordeon div.selected a, .acordeon div.silverheader1 a:hover{
color: #f5f5f5;
padding: 0px;
padding-top: 5px;
padding-left: 5px;

}


.acordeon div.silverheader2 a{
background: url(img/black50.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/black50.png',sizingMethod='scale');

/*background: url(img/black80.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/black80.png',sizingMethod='scale');*/

display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 0px;
text-decoration: none;
color: #bbb;
border-bottom: 1px solid #222;
padding-top: 5px;
padding-left: 5px;
}
.acordeon div.silverheader2 a:visited, .acordeon div.silverheader2 a:active{
color: #f5f5f5;
padding: 0px;
padding-top: 5px;
padding-left: 5px;
}
.acordeon div.selected a, .acordeon div.silverheader2 a:hover{
color: #f5f5f5;
padding: 0px;
padding-top: 5px;
padding-left: 5px;

}

.acordeon div.submenu{ /*DIV that contains each sub menu*/
padding: 0px;
margin: 0px;
color: white;
background: #333333;
font-size: 11px;
/*height: 300px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.acordeon div.submenu1{ /*DIV that contains each sub menu*/
padding: 0px;
margin: 0px;
color: white;
background: #333333;
font-size: 11px;
/*height: 300px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.acordeon div.submenu2{ /*DIV that contains each sub menu*/
padding: 0px;
margin: 0px;
color: white;
background: #333333;
font-size: 11px;
/*height: 300px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
div.info{
margin: 0px;
padding: 8px;
color: #aaa;
height: 187px;
}
div.info h2 {
border-bottom: 1px solid #666;
font-weight: normal;
margin: 7px 0px;
padding: 0px;
font-size: 12px;
}
div.info p {
font-weight: normal;
margin: 0px;
padding: 0px;
margin-bottom: 7px;
font-size: 11px;
line-height: 15px;
}
div.info img {
border: 1px solid #666;
float: left;
margin-right: 8px;
}
div.foto{
margin: 0px;
padding: 0px;
}

/*mooSlide*/
.mooSlide {
text-align: center;
}
.mooSlide img {}
.mooSlide h1 {
}

.x {
filter: alpha(opacity=80);
opacity: .8;
-moz-opacity:0.8;
text-align: right; 
border-top: 1px solid #333; 
cursor: pointer; 
color:#FFFFFF; 
font-size: 10px;
background-color: #000000;
}	

/*formularios*/
form {
margin: 0px;
padding: 0px;}
label {
margin: 0px;
}
.comun {
font-size: 11px;
border: #333 1px solid;
padding-left: 5px;
width: 219px;
}
textarea {
font-size: 11px;
border: #333 1px solid;
padding-left: 5px;
width: 219px;
}
.user {
font-size: 11px;
border: #333 1px solid;
padding-left: 20px;
background: #FFFFFF url(img/user.gif) left top no-repeat;
width: 100px;
}
.pass {
font-size: 11px;
border: #333 1px solid;
padding-left: 20px;
background: #FFFFFF url(img/pass.gif) left top no-repeat;
width: 100px;
}
.name {
font-size: 11px;
border: #333 1px solid;
padding-left: 15px;
background: #FFFFFF url(img/user.gif) left top no-repeat;
width: 219px;
}
.mail {
font-size: 11px;
border: #333 1px solid;
padding-left: 20px;
background: #FFFFFF url(img/mail.gif) left top no-repeat;
}
.ir {
line-height: 19px;
height: 19px;
margin: 0px;
font-size: 10px;
padding: 0px 2px;
background: #000;
color: #fff;
border: none;
cursor: pointer;
font-weight: bold;
}
.boton {
line-height: 14px;
height: 14px;
margin: 0px;
margin-left: 10px;
font-size: 14px;
padding: 0px 7px;
background: #ffffff;
color: #000;
border: none;
cursor: pointer;
font-weight: bold;
}
.boton a:hover {
background: #FF9900;
color: #000;
}
.btn {
line-height: 14px;
height: 14px;
margin: 0px;
font-size: 10px;
padding: 0px 7px;
}
a.btn {
background: #fff;
line-height: 14px;
color: #000;
}
a:hover.btn {
background: #FF9900;
color: #000;
}
.volver {
color: #333333;
line-height: 22px;
height: 22px;
margin: 0px;
border: none;
cursor: pointer;
font-weight: bold;
width: 58px;
margin-top: 30px;
vertical-align: middle;
background: url(img/volver3.gif) left no-repeat;
text-indent: 20px;

}
.volver a{
padding: 0px 7px;
display: block;
}
.volver a:hover {
display: block;
background: url(img/volver2.gif) left no-repeat;
}

.w_portfolio {
background-color: #000000;
margin: 20px auto 0px auto;
}

.pag_nav_active {
background: #000000;
color: #FFFFFF;
padding: 0px 5px;
height: 16px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform:uppercase;
border: none;
cursor: pointer;
}
.pag_nav_inactive {
background: #000000;
color: #999;
padding: 0px 5px;
height: 16px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform:uppercase;
border: none;
}
.image {
background: #000000;
text-align: center;
}
.marco {
background: #000000;
text-align: center;
width: 180px;
}
a.f_portfolio  img {
background: #000000;
border: 3px solid #000000;
}
ul.modules {
	margin: 0px;
	padding: 0px;
	}
ul.modules li{
	list-style: none;
	list-style-image: mone;
	margin: 0px;
	padding:0px;}
.menu-f-portfolio{
	float: left;
	width: 212px;
	height: 425px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-left: 95px;
	}
.menu-f-portfolio ul{
		width: 212px;
	height: 425px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	}
.menu-f-portfolio li{
	width: 212px;
	height: 141px;
	overflow: hidden;
	display:block;
	padding: 0;
	margin:0;
	margin-bottom: 1px;
	list-style: none;
	}
.menu-f-portfolio li a{
	width: 212px;
	height: 141px;
	display:block;
	padding: 0;
	margin: 0;
	}
	.menu-f-portfolio li a span{
	width: 212px;
	height: 141px;
	display:block;
	}
.menu-f-portfolio li.eventos a:hover span{
	background: url(portfolio/fotonuevo/portfolio_eventos.png);
		width: 212px;
	height: 141px;
	display: block;
	
	}
.menu-f-portfolio li.eventos a.active span{
	background: url(portfolio/fotonuevo/portfolio_eventos.png);
		width: 212px;
	height: 141px;
	display:block;
	
	}
	
	.menu-f-portfolio li.producciones a:hover span{
	background: url(portfolio/fotonuevo/portfolio_producciones.png);
		width: 212px;
	height: 141px;
	display: block;
	
	}
.menu-f-portfolio li.producciones a.active span{
	background: url(portfolio/fotonuevo/portfolio_producciones.png);
		width: 212px;
	height: 141px;
	display:block;
	
	}

.menu-f-portfolio li.productos a:hover span{
	background: url(portfolio/fotonuevo/portfolio_productos.png);
		width: 212px;
	height: 141px;
	display: block;
	
	}
.menu-f-portfolio li.productos a.active span{
	background: url(portfolio/fotonuevo/portfolio_productos.png);
		width: 212px;
	height: 141px;
	display:block;
	
	}

#archivo{
	overflow:hidden;
	text-align:left;
	color:#CCC;
	}
	#archivo .opciones{
		height:25px;
		padding-bottom:10px;
		margin-bottom: 10px;
		text-align: right;
		border-bottom: 1px solid #222;
		line-height: 25px;
		position:relative;
	}
	#archivo .ver{
	float:right;
	padding: 0 10px;
	position: relative;
	width: 60px;
	text-align: left;
	}
	#archivo .opciones input.ver_lista{
		width: 10px;
		height: 10px;
		border: none;
		background: url(img/ver_lista.gif) left top no-repeat;
		cursor: pointer;
		position: absolute;
		top: 7px;
		left: 40px;

		}
		#archivo .opciones input.ver_lista:hover{
		width: 10px;
		height: 10px;
		border: none;
		background: url(img/ver_lista_hover.gif) left top no-repeat;
		cursor: pointer;
		}
	#archivo .opciones input.ver_imagen{
		width: 10px;
		height: 10px;
		border: none;
		background: url(img/ver_imagen.gif) left top no-repeat;
		cursor: pointer;
		position:absolute;
		top: 7px;
		left: 55px;
		
		}
		#archivo .opciones input.ver_imagen:hover{
		width: 10px;
		height: 10px;
		border: none;
		background: url(img/ver_imagen_hover.gif) left top no-repeat;
		cursor: pointer;
		}

#archivo .buscar{
	float: right;
	border-left: 1px solid #222;
	padding: 0   0 0 10px;
	 }
	#archivo .buscar .grupo-buscar{
		height: 25px;
		border: 1px solid #222;
		background:  #333;
		width: 200px;
		padding: 0;
		line-height: 25px;
				position: relative;

		}
	#archivo .buscar .grupo-buscar input.text{
		width: 170px;
		margin: 5px;
		float: left;
		border: none;
		background-color: #333;
		height: 15px;
		line-height: 15px;
		color: #CCC;
	 }
#archivo input.go
{
  position:absolute;
  left:175px;
  width:19px;
  height:18px;
  top:3px;
	background-color: transparent;
  background-image:url('img/magnifying_glass.png');
  background-repeat:no-repeat;
  cursor:pointer;
	border: none;
}
#archivo input.go:hover
{
  background-position:0px -19px;
}
#archivo .ordenar{
	float:right;
	padding: 0 10px;
	position: relative;
	border-right: 1px solid #222;
	}

#archivo .modulo{
	width: 229px; 
	float: left;
	padding: 0 10px;
	border-right: 1px solid #222;
	text-align: left;
	height: 340px;
	position: relative;
	overflow: hidden; 
	}
#archivo .ultimo{
	margin-right: 0;
	border-right: 0;
	padding-right: 0;
	}
#archivo .primero{
	margin-left: 0;
	padding-left: 0;
	}

#archivo .modulo h3{
	background-color: #222;
	color: #FFF;
	font-size: 12px;
	}
#archivo .modulo ul{
	position: relative;
	padding: 0;
	margin: 0;
	width: 210px;
	}
#archivo .modulo ul li{
	list-style: none;
	background-color: #444;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	}
#archivo .modulo ul li.primero{
	margin-top: 0;
	}
#archivo .modulo ul li a{
	padding: 0 5px;
	color: #ccc;
	display:block;
	}
#archivo .modulo ul li a:hover{
	padding: 0 5px;
	color: #fff;
	display:block;
	}
#archivo .modulo ul ul{
	}
#archivo .modulo ul ul li{
	list-style: none;
	background-color: #333;
	border-bottom: 1px dotted #222;
	padding: 0;
	margin: 0;
	}
#archivo .modulo ul ul li a{
	padding: 0 10px;
	}
#archivo .modulo ul ul li a:hover{
	padding: 0 10px;
	}

#archivo .modulo ul.imagenes{
	}
#archivo .modulo ul.imagenes li{
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0;
	margin-top: 0;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0;
	}
#archivo .modulo ul.imagenes li a{
	padding: 0;
	margin: 0;
	}
	
.text_msg{
		font-family: Cambria, serif;
		font-size: 16px;
		font-style: italic;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.5em;
		color:#fafafa;	
	}

.text_msg strong{
		font-family: Cambria, serif;
		font-size: 22px;
		font-style: italic;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.5em;
		color:#fafafa;	
	}
.boton-ctn{
	background-color:#f79300; padding:0px 3px 0px 3px
	}
.boton-ctn a:hover{ 
	color:#000;
	}