/*
Nombre del tema: Nombre del Proyecto
Direccion URL: Direccion URl del sitio desarrollado
Descripcion: Plantilla desarrollada por AyerViernes S.A para Nombre de la Empresa
Version: Numero de la version
Autor del Diseno: Nombre del autor del diseno
Front: Nombre del autor o autores del Front
URL empresa: http://www.ayerviernes.com/
*/

body{
	font: normal .8em/155% Arial, Helvetica, Sans-serif;
	text-align: center;
	color: #FFF;
}
html, body{
	overflow: hidden;
}
/*------------------------------------- Anulacion de rasgos */
*, form{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-serif;
	list-style-type: none;
	background-repeat: no-repeat;
}
table{
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0px;
}
td{
	padding: 0;
}
/***********************************************************************************  ESTRUCTURA ***/
.center{
	width: 95%;
	min-width: 770px;
	max-width: 1100px;
	margin: 0 auto;
}
#header{
	left: 0;
	z-index: 6;
}
#main{
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	overflow: auto;
}
#cont{
	padding-bottom: 70px;
	width: 500px;
	top: 170px;
	left: 40%;
	z-index: 5;
}
#footer{
	left: 0;
	bottom: 0;
	z-index: 6;
}
#masc{
	left: 0;
	z-index: 2;
}
#imagenes{
	left: 0;
}
#imagenes img{
	opacity: .1;
}
/***********************************************************************************  PROPIEDADES ***/
/*------------------------------------- width and height */
html, body, #masc, #imagenes{
	height: 100%;
}
/*------------------------------------- Position */
/* relative */ .center, .subCont, .subCont dl, #menuCont li.acti, #subMenu li.acti, .subCont .infoProy, ol#resuBusc li{
	position: relative;
}
/* absolute */ #header, #main, #footer, #masc, #imagenes, #titu, #menu, #header form, #message, #subMenu, #cont, #linkFuen, .subCont dt, #box_infoProy, #close_infoProy, #menuCont, #menuCont li.acti span, .subCont ul.listThumbs, .visitProy, #loading_rss.dynamic, ol#resuBusc li span{
	position: absolute;
}
/*------------------------------------- Display */
/* block */ #header #busc, #imagenes img, #link_tools, #linkFuen, #close_infoProy, label, #menuCont li.acti span, #spotlight li a, #box_tools a em, .subCont .infoProy, .subCont ul.listThumbs, .subCont ul.listThumbs li a, #spotlight strong, small.cc{
	display: block;
}
/* inline */ #top li{
	display: inline;
}
/* none */ hr, legend, #box_tools, .subCont ul.listThumbs li a span{
	display: none;
}
/*------------------------------------- Float */
/* left */ .left, #menu li, #header input, #imagenes img, .avatar, .infoProy, #spotlight img, .subCont ul.listThumbs li, .subCont ul.listThumbs li a{
	float: left;
}
/* right */ .right, #enviar{
	float: right;
}
/*------------------------------------- Clear */
/* both */ #box_infoProy{
	clear: both;
}
/*------------------------------------- Overflow */
/* hidden */ {
	overflow: hidden;
}
/*------------------------------------- Font-size*/
/* 2em - 24px */ #tagline p{
	font-size: 2em;
}
/* 1.666em - 20px */ #message h3{
	font-size: 1.666em;
}
/* 1.583em - 19px */ .subCont h2{
	font-size: 1.583em;
}
/* 1.4em - 18px */ #cont h1{
	font-size: 1.5em;
}
/* 1.33em - 16px */ .subCont h3, #spotlight strong{
	font-size: 1.333em;
}
/* 1.25em - 15px */ {
	font-size: 1.25em;
}
/* 1.16em - 14px */ {
	font-size: 1.166em;
}
/* 1.08em - 13px */ #subFoot p span.acti, #spotlight li h3{
	font-size: 1.083em;
}
/*  1em - 12px */ input, select, textarea{
	font-size: 1em;
}
/* .91em - 11px */ #top li, .subCont dt, .subCont dd, .subCont .links, #spotlight li, #box_tools a, #box_tools a em{
	font-size: .9166em;
}
/* .83em - 10px */ #menu li, #subFoot p, #menuCont li, #menuCont p, small.cc{
	font-size: .8333em;
}
/* .75em -  9px */ {
	font-size: .75em;
}
/* .7em -  8px */ {
	font-size: .7em;
}
/*------------------------------------- Font-weight */
/* bold */ #menu li.acti a, #enviar, #top li.acti a, #link_infoProy, #subMenu li, #menuCont li, #subFoot p span.acti, .visitProy, #force_language{
	font-weight: bolder;
}
/* normal */ #cont h1, .subCont h2, .subCont dt, .subCont dd, #message h3, #spotlight li h3, #spotlight strong{
	font-weight: normal;
}
/*------------------------------------- Font-style */
/* normal */ #box_tools a em{
	font-style: normal;
}
/*------------------------------------- Line-height */
/* 140% */ #menu li{
	line-height: 140%;
}
/* 130% */ .subCont dd, #toolTip{
	line-height: 130%;
}
/* 120% */ #spotlight li{
	line-height: 120%;
}
/* 105% */ #cont h1, small.cc{
	line-height: 105%;
}
/* 100% */ #message h3, #menu li.acti a, #subMenu li, #menuCont li, #menuCont p, .subCont .infoProy{
	line-height: 100%;
}
/*------------------------------------- Letter-spacing */
/* -1px */ #cont h1{
	letter-spacing: -1px;
}
/*------------------------------------- Text-align */
/* left */  .tLeft, #header, #main, #footer{
	text-align: left;
}
/* right */ .tRight, #toolBox p, #top{
	text-align: right;
}
/* center */ .tCent, #enviar, #loading_rss{
	text-align: center;
}
/*------------------------------------- Text-indent */
/* -1000em */ #header #botoBusc, #close_infoProy, #linkFuen{
	text-indent: -1000em;
}
/* 0 */ {
	text-indent: 0;
}
/*------------------------------------- Text-decoration */
/* underline */ a:hover, #link_tools:hover{
	text-decoration: underline;
}
/* none */ a, #menu li.acti a, #spotlight ul li a:hover{
	text-decoration: none;
}
/*------------------------------------- Text-transform */
/* uppercase */ #menu li, #cont h1, #enviar, #menuCont li, #menuCont p, #spotlight li h3{
	text-transform: uppercase;
}
/*------------------------------------- White-space */
/* nowrap */ {
	white-space: nowrap;
}
/*------------------------------------- Outline */
/* 0 */ a:active, a:focus{
	outline: 0;
}
/*------------------------------------- Cursor */
/* pointer */ #enviar, #botoBusc{
	cursor: pointer;
}
/*------------------------------------- Color */
/* #FF6 */ a, #box_tools a em{
	color: #CC4;
}
/* #CC4 */ a:hover{
	color: #FF6;
}
/* #FFF */ .link_lang a, #top li a, #link_tools, #link_infoProy, #menuCont li a, #box_tools a, .visitProy, #spotlight li a{
	color: #FFF;
}
/* #666 */ #subFoot p, .subCont dt, #menu li a, #subMenu li a{
	color: #666;
}
/* #999 */ #busc, input, select, textarea{
	color: #999;
}
/* #F60 */ #menu li.acti a, #subMenu li.acti a{
	color: #F60;
}
/* #F00 */ dd .out, .subCont .listPost li a:hover{
	color: #F00;
}
/* #000 */ #cont h1, #menuCont li.acti a, #enviar{
	color: #000;
}
/* #D5FF00 */ .subCont h2, #spotlight strong, #force_language{
	color: #D5FF00 !important;
}
/*------------------------------------- background-color */
/* #000 */ html, #force_language, #top li a, #subHead, #subFoot, #imagenes img, .colo, #box_infoProy, #spotlight li a:hover, .subCont .listPost li:hover{
	background-color: #000;
}
/* #111 */ #close_infoProy:hover{
	background-color: #111;
}
/* #333 */ #busc{
	background-color: #333;
}
/* #666 */ #menuCont, .subCont ul.listThumbs li a{
	background-color: #666;
}
/* #D5FF00 */ #cont h1, #menuCont li.acti, #enviar{
	background-color: #D5FF00;
}
/* #343434 */ .subCont textarea, .subCont input, #top li.acti a{
	background-color: #343434;
}
/* transparent */ #linkFuen, #toolTip{
	background-color: transparent;
}
/*------------------------------------- background-image */
#box-B, #toolBox, #tagline, #message, #subMenu, .subCont, #loading_rss.dynamic{
	background-image: url(imag/auxi/auxiBox.png);
	background-repeat: repeat;
}
#masc{
	background-image: url(imag/auxi/auxiMasc.gif);
	background-repeat: repeat;
}
.subCont ul li{
	background: url(imag/auxi/auxiBull.gif) no-repeat 0 5px;
}
.subCont input{
	background-image: url(imag/back/backInput.jpg);
}
.subCont textarea{
	background-image: url(imag/back/backTextArea.jpg);
}
#botoBusc{
	background-image: url(imag/boto/botoBuscHead.gif);
}
#linkFuen{
	background-image: url(imag/auxi/auxiLinkFuen.gif);
}
#toolTip{
	background-image: url(imag/back/backFuen.png);
	background-position: 0 50%;
}
#menuCont li.acti span{
	background-image: url(imag/auxi/auxiMenuCont.png);
}
#subMenu li.acti, #menuCont li.acti{
	background-image: url(imag/auxi/auxiBullets.gif);
}
/* none */ #enviar{
	background-image: none;
}
/* iconos */
.out, #close_infoProy, .pdf, #link_tools, #link_infoProy, samp.ok, samp.alert{
	background-image: url(imag/auxi/auxiIcons.gif);
}
.subCont .listPost li:hover{
	background-image: url(imag/auxi/auxiOut.gif);
	background-repeat: no-repeat;
	background-position: 99% 12px;
}
#close_infoProy{
	background-position: -3px -138px;
}
#link_infoProy{
	background-position: -4px -180px;
}
#link_tools{
	background-position: 99% -175px;
}
#link_infoProy.toHide{
	background-position: -4px -210px;
}
#link_tools.toHide{
	background-position: 99% -207px;
}
.out{
	background-position: 100% -241px;
}
.pdf{
	background-position: 100% -262px;
}
#subMenu li.acti{
	background-position: 0 -28px;
}
#menuCont li.acti{
	background-position: -12px 10px;
}
samp.alert{
	background-position: -3px -287px;
}
samp.ok{
	background-position: -3px -316px;
}
/*------------------------------------- border */
/* 4px solid #FFF */ .avatar{
	border: 4px solid #FFF;
}
/* none */ fieldset, #header input, .subCont input, .subCont textarea, a img{
	border: none;
}
/***********************************************************************************  HEADER ***/
/*------------------------------------- top */
.link_lang{
	margin-top: .4em;
}
#top{
	padding: .5em 0 .3em 0;
}
#force_language, #top li a{
	padding: 2px;
}
#top li.link-doceymedia a{
	display: block;
	padding-left: 25px;
	font-weight: bold;
	background: transparent url(imag/auxi/linkDoceymedia.gif) no-repeat 0 0;
}
#top li.link-uxalliance a{
	display: block;
	float: left;
	width: 79px;
	height: 25px;
	margin-right: 2px;
	background: transparent url(imag/logo/uxalliance.jpg) no-repeat 0 0;
}
#top li.link-uxalliance a span{
	display: none;
}
/*------------------------------------- Titulo del sitio */
#subHead{
	height: 80px;
}
#titu{
	top: 27px;
	left: 0;
}
/*------------------------------------- Menu */
#menu{
	width: 400px;
	top: 1em;
	left: 20em;
}
#menu li{
	width: 200px;
}
/*------------------------------------- Buscador */
#header form{
	width: 195px;
	top: 2em;
	right: 0;
}
#header #busc{
	width: 163px;
	padding: 6px 0 5px 3px;
}
#header #botoBusc{
	width: 25px;
	height: 25px;
	padding: 0;
}
/*------------------------------------- Spotlight */
#spotlight{
	position: absolute;
	width: 330px;
	top: 4.3em;
	right: -15px;
	background-image: url(imag/back/backSpot.png);
	background-repeat: repeat-y;
	z-index: 100;
}
#spotlight ul{
	position: relative;
	display: block;
	bottom: -15px;
        padding: 5px 15px 20px 15px;
	background-image: url(imag/back/backSpotBottom.png);
	background-position: bottom;
}
#spotlight ul li a{
	padding: 6px 10px;
}
#spotlight img{
	margin: 0;
}
#spotlight .masc{
	display: block;
	float: left;
	width: 85px;
	height: 50px;
	margin-right: 10px;
}
/*------------------------------------- Tagline */
#tagline p{
	padding: .48em 0;
	font-family: Helvetica, Helvetica Neue, Arial;
	z-index: 0;
}
/***********************************************************************************  CONT ***/
/*------------------------------------- Elementos */
#cont h1{
	padding: .6em 2em .6em .8em;
}
.subCont h2, .subCont h3, .subCont h4, .subCont p, .subCont ol, .subCont ul, .subCont form{
	margin: 12px 0;
}
.subCont h2{
	margin-top: 6px;
}
.subCont ol, .subCont ul{
	margin-left: 1em;
}
.subCont ul li{
	padding-left: 12px;
}
.subCont dt{
	position: absolute;
	margin-top: 7px;
	left: 3px;
}
.subCont dd{
	padding: 7px 0 7px 60px;
	border-bottom: 1px dashed #333;
}
.subCont .imagProy.acti{
	display: block;
	margin: 0 auto;
}
/*------------------------------------- Message: mensaje inicial */
#message{
	width: 230px;
	top: 46%;
	left: 96px;
	padding: 15px 15px 15px 90px;
}
#message h3{
	margin-bottom: 8px;
}
#message img{
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 5px 0 0 -75px;
	background: url(imag/auxi/auxiMessage.gif);
}
/*------------------------------------- subMenu: menu de segundo nivel */
#subMenu{
	width: 100px;
	top: 25%;
	left: 50px;
	padding: 15px 55px 60px 90px;
	z-index: 3;
}
#subMenu li{
	margin-bottom: 10px;
}
#subMenu li.acti{
	left: -9px;
	padding-left: 9px;
}
/*------------------------------------- menuCont: menu de tercer nivel */
#menuCont{
	top: 23%;
	width: 240px;
	padding: 1em 0;
	z-index: 4;
}
#menuCont li{
	display: block;
	margin: 0;
	padding: 7px 40px 7px 20px;
}
#menuCont li.acti{
	width: 185px;
	padding-left: 25px;
	left: -5px;
}
#menuCont li.acti span{
	width: 5px;
	height: 4px;
	bottom: -4px;
	left: 0;
}
#menuCont p{
	margin: 0 !important;
	padding: 0 16px;
}
/*------------------------------------- Cont */
.content{
	padding: 15px 20px 20px 20px;
}
#linkFuen{
	width: 16px;
	height: 16px;
	top: 5px;
	right: 5px;
}
#toolTip{
	width: 240px;
	margin: -10px 0 0 0px;
	padding: .5em .8em .5em 20px;
}
#email_staff{
	margin-top: -2.5em;
}
/* Lista de iconos */
#social_list{
	top: 13px;
	right: 5px;
}
#social_list li{
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin: .3em 4px 1em 0;
	padding: 3px;
	background-color: #FFF;
}
#social_list li#desc_social{
	width: 35%;
	color: #666;
	margin-right: 0;
	padding-right: 0;
	background: none;
}
#social_list li a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -1000em;
}
#social_list a{
	background-image: url(imag/auxi/auxiIconsSociales.gif);
}
#social_list .facebook{
	background-position: -1px -1px;
}
#social_list .flickr{
	background-position: -1px -19px;
}
#social_list .twitter{
	background-position: -1px -37px;
}
#social_list .youtube{
	background-position: -1px -55px;
}
#social_list .lastfm{
	background-position: -1px -73px;
}
#social_list .delicious{
	background-position: -1px -109px;
}
/* avatar */
.avatar{
	margin: 0 10px 0 0;
}
.subCont .infoProy{
	width: 100%;
	margin: 10px 0 14px 0;
	padding: 0 10px;
}
.visitProy{
	bottom: 0;
	right: 70px;
	margin-bottom: -1px;
}
#box_infoProy{
	width: 420px;
	left: 0;
	bottom: 36px;
	padding-right: 60px;
	z-index: 10000;
}
#cont object, #cont embed{
	z-index: 0;
}
#link_infoProy{
	padding: 4px 0 4px 27px;
}
#close_infoProy{
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
}
.subCont ul.listThumbs{
	width: 24px;
	height: 27px;
	bottom: 0;
	margin-bottom: 2px;
	right: 7px;
	z-index: 1000;
}
.subCont ul.listThumbs li{
	width: 9px;
	height: 9px;
	margin: 0 3px 3px 0;
	padding: 0;
	background: none;
}
.subCont ul.listThumbs li a{
	width: 9px;
	height: 9px;
}
.subCont ul.listThumbs li.acti a{
	background: yellow;
}
.subCont iframe{
	margin-top: -13px;
}
/* doceymedia */
#main .publicidad-digital h1{
	color: #fff;
	background: #EA198C;
}
#main .publicidad-digital .subCont{
	font-weight: bold;
	color: #000;
	background: #fff url(imag/dym/bg.png);
}
#dym-combo{
	position: relative;
	width: 100%;
	height: 154px;
	padding: 0;
	margin: 1em 0;
}
#dym-areas{
	width: 360px;
	height: 119px;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 27px;
	font-size: 0.9375em;
	color: #fff;
	background: url(imag/dym/areas.png) no-repeat;
}
#dym-areas li{
	padding-left: 22px;
	background: url(imag/dym/bullet-areas.png) top left no-repeat;
}
#dym-link{
	text-indent: -9999em;
	display: inline;
}
#dym-link a{
	display: block;
	width: 191px;
	height: 53px;
	position: absolute;
	top: 100px;
	right: 18px;
	background: url(imag/dym/dm-link.png) no-repeat;
}
.publicidad-digital p#que-hacemos{
	margin: 1em 3em;
	padding-bottom: 98px;
	font-size: 1.09375em;
	background: url(imag/dym/logo.png) bottom no-repeat;
}
/*------------------------------------- Formularios */
.subCont input, .subCont textarea{
	padding: 5px 0 3px 6px;
	margin: 1px 0 10px 0;
}
.subCont input{
	width: 214px;
	height: 17px;
}
.subCont textarea{
	width: 334px;
	height: 107px;
}
.subCont fieldset.botones{
	width: 339px;
}
#enviar{
	width: 60px;
	height: 25px;
	padding: 0;
}
.subCont samp{
	position: absolute;
	margin: 5px 0 0 8px;
	padding: 2px 0 4px 24px;
	font-size: .9em;
	white-space: nowrap;
	color: #FFF;
}
/*------------------------------------- Lista de Posts */
.subCont .listPost{
	margin: 0;
	padding: .8em 0 0 0;
	clear: both;
}
.subCont .listPost li{
	padding: 6px 0;
	font-size: .95em;
	background: none;
	border-bottom: 1px solid #333;
}
.subCont .listPost li span{
	padding-right: 15px;
	color: #666;
}
/*------------------------------------- Resultado de busqueda */
ol#resuBusc li{
	padding: .5em 0 .5em 2em;
	border-bottom: 1px dotted #333;
}
ol#resuBusc li span{
	top: .5em;
	left: 0;
	font-size: .95em;
	color: #666;
}
ol#resuBusc li p{
	margin: 0;
	padding: 0;
	font-size: .9em;
}
ol#resuBusc li p a{
	font-size: 1.1em;
}
/*------------------------------------- Creative commons */
small.cc img{
	margin-bottom: 30px !important;
}
/***********************************************************************************  FOOTER ***/
/*------------------------------------- ToolBox */
#link_tools{
	padding: .5em 35px .6em 0;
}
#box_tools li{
	position: relative;
	float: left;
	width: 25%;
	margin: 2%;
	padding-left: 42px;
	line-height: 120%;
}
#box_tools li a img{
	position: absolute;
	top: 0;
	left: 0;
}
/*------------------------------------- Sub Footer */
#subFoot{
	padding: .5em .6em;
}
/***********************************************************************************  AUXILIARES ***/
.out, .pdf{
	margin-right: 10px;
	padding: 1px 24px 1px 0;
}
.masc{
	overflow: hidden;
}
#loading_rss{
	width: 100%;
	padding: 10px 0;
	z-index: 100;
}
/*------------------------------------- Clear Fix */
.cf:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .cf{height: 1%;}
/* End hide from IE-mac */
/*------------------------------------- Anchos en porcentajes */
.w5{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100, html, body, #header, #main, #footer, #masc{ width: 100%; }