/*  
	Theme Name: Distintiva
	Theme URI: http://distintiva.com/lab/
	Description: Theme para el weblog de Distintiva.com
	Version: 1
	Author: Distintiva
	Author URI: http://distintiva.com/
	
	Theme para el weblog de Distintiva.com
*/


/* Generales */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
li a, li a:hover { behavior: url('/iepngfix.htc'); }

*{
	margin: 0;
	padding: 0;
}
body{
	background: #E1F8F7 url(img/body.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h2, h3, h4, h5, h6{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #557799;
	padding: 0 0 10px 25px;
	margin: .5em 0;
}
h2{font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 129%;background: url(img/h2.gif) 4px 5px no-repeat;}
h3{font-size: 90%;margin: 25px 0 0 0;}
h4{font-size: 80%;}
h5{font-size: 70%;}
h6{font-size: 82%; color: #555;}
a{outline: none;color: #EF5700; text-decoration: none;}
a:hover{color: #B03E00;}
img{border: 0;}

blockquote{
	font: italic .9em/1.5em Arial, Helvetica, Sans-serif; 
	margin: 1em 4em 1.5em 4em;
	padding: 1em;
	border: 1px solid #E9E9E9;
	background: #F5F5F5;
	color: #666
}



/* Divisiones */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#main{/* caja contenedora */
	width: 952px;
	margin: 0 auto;
	padding-bottom: 25px;
	border: 1px solid #6C6C6C;
	border-top: 5px solid #6C6C6C;
	overflow: hidden;
	background: url(img/main.gif) repeat-y;
}
#header{
	position: relative;
	width: 952px;
	height: 82px;
	margin: 0 auto;
}
#splash{/* area para la foto de cabecero */
	height: 167px;
	background: url(img/splash.jpg) bottom no-repeat;
}
#content{/* caja para contenido (columna izquierda) */
	width: 575px;
	float: left;
}
#sidebar{/* columna derecha */
	width: 362px;
	padding: 0 0 0 10px;
	float: left;
}
#footer{/* pie de pagina */
	width: 952px;
	margin: 0 auto;
	padding: 15px;
}

/* Header */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
h1 a{
	display: block;
	width: 211px;
	height: 48px;
	position: absolute;
	top:14px;
	left: 29px;
	background: url(img/distintiva-logo.gif) no-repeat;
	text-indent: -10000px;
}
#header p{
	font-size: 70%;
	color: #999;
	position: absolute;
	top: 18px;
	right: 5px;
}
/* Nav bar */
#header p a{
	color: #666;
	text-decoration: none;
}
#header p a:hover{
	color: #000;
}
#header p strong{
	color: #000;
}
#header ul{
	height: 31px;
	position: absolute;
	top: 51px;
	right: -1px;
}
#header ul li{
	float: left;
	list-style: none;
	width: 138px;
	height: 31px;
	margin: 0 0 0 -30px;
	text-align: center;
	position: relative;
	text-indent: 15px;
}
#header ul li a{
	color: #888;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;
	background-image: url(img/navb.png);
	display: block;
	width: 138px;
	height: 31px;
	cursor: pointer;
	line-height: 2.8em;
}
#header ul li a:hover{
	background-position: 0 -31px;
	color: #000;
}
#header ul li.activo{
	z-index: 800;
}
#header ul li.activo a{
	background: url(img/navbc.png);
	position: relative;
	color: #fff;
	display: block;
}
#header ul li.activo a:hover{
	color: #ccc;
}
h2.tagline{
	position: absolute;
	top: 45px;
	left: 30px;
	background: none;
	font-size: 70%;
	color: #6E94A9;
	margin: 0;
	padding: 0;
	font-weight: normal;
	letter-spacing: 1px;
}


/* Content */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#content a{
	color: #557799;
}
#content a:hover{
	color: #718CA9;
}
#content p{
	font-size: 75%;
	line-height: 1.4em;
	color: #666;
	padding: 0 0 0 25px;
	margin: 0 1em 1.2em 0;
}
#content p.more{
	margin: -5px 0 0 0;
}
#content p.more a{
	display: block;
	padding: 0 15px 0 0;
	color: #EF5700;
}
#content p.more a:hover{
	color: #B03E00;
}
#content ul{/* listas sin ordenar */
	margin: 1em 3em;
	list-style: none;
	line-height: 1.4em;
}
#content ol{/* listas numeradas */
	margin: 0 4em 1em 4em;
}
#content ul.listado{
	padding: 0 0 0 20px;
	margin: 30px; 
}
#content ul.listado li{
	background: none;
	margin: 0 0 15px 0;
	position: relative;
}
#content ul.listado li span{
	display: block;
	position: absolute;
	top: 0;
	left: -15px;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

#content li{
	font-size: 75%;
	line-height: 1.5em;
	color: #666;
}
#content ul li{
	background: url(img/list1.gif)0 6px no-repeat;
	padding: 0 0 0 15px;
}
#content ul.list1 li{/* lista con vineta */
	background: url(img/list1.gif) 0 9px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}
#content ul.list2 li{/* lista con vineta */
	background: url(img/list1.gif) 0 5px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}


.box1{/* caja pequena con esquinas redondeadas alineada a la derecha */
	background: #718CA9;
	position: relative;
	width: 200px;
	float: right;
	margin: 0 10px;
}
#content .box1 p{
	padding: 10px;
	color: #fff;
}
.b1,.b2,.b3,.b4{/* esquinas */
	width: 6px;
	height: 6px;
	position: absolute;
	font-size: 1px;
	background-repeat: no-repeat;
}
.b1{/* esquina sup izq */
	top: 0;left: 0;background-image: url(img/b1.gif);}
.b2{/* esquina sup der */
	top: 0;right: 0;background-image: url(img/b2.gif);}
.b3{/* esquina inf izq */
	bottom: 0;left: 0;background-image: url(img/b3.gif);}
.b4{/* esquina inf der */
	bottom: 0;right: 0;background-image: url(img/b4.gif);}
	


#content p.box2{/* texto destacado artículos alineada a la derecha */
	position: relative;
	width: 200px;
	float: right;
	margin: 0 10px 5px 10px;
	padding: 3px;
	b ackground: #F8F8F8;
	b order: 1px solid #F1F1F1; 
	font: italic 115% Georgia, serif;
	color: #718CA9;
}






/* Alineaciones */
.normal{/* aplica margen para alinear a la izquierda */
	margin: 0 0 10px 22px;
}
.centro{/* centra la imagen/elemento */
	display: block;
	margin: 8px auto;
}
.derecha{/*  alinea la imagen/elemento a la derecha*/
	float: right;
	margin: 0 10px 10px 10px;
}
.izquierda{/* alinea la imagen/elemento a la izquierda */
	float: left;
	margin: 0 10px 0 25px;
}
.work, .work2{
	width: 539px;
	margin: 0 auto 20px auto;
	padding: 0 0 25px 0;
	background: url(img/work.jpg) bottom no-repeat;
}
.work2{
	min-height: 170px;
	margin: 30px auto 20px auto;
	clear: both;
	overflow: hidden;
}
.work img, .work object{
	display: block;
	margin: 0 auto;
}
#content .work2 img{
	float: left;
	margin: 0 0 0 20px;
}
#content .work2 a img{
	border: 1px solid #fff; 
	padding: 2px;
}
#content .work2 a:hover img{
	border: 1px solid #999; 
}
#content .work2 ul{
	width: 280px;
	float: left;
	margin: 0 0 0 15px; 
}
#content .work2 li{
	background: none;
}
#content .work li{
	background: none;
}
#content .work li.interactivo{
	text-align: center;
	padding: 5px 0;
	margin: 0 0 10px 0;
}
#content .work li.interactivo strong{
	color: #ff6600;
	padding: 0 0 0 10px;
	background: url(img/list1.gif) 0 5px no-repeat;
}
#content p.descarga{
	float: right;
	clear: both;
	margin: 20px 0; 
	padding: 0 10px 0 0;
	width: 80%;
	text-align: right;
}
#content p.descarga a{
	background: url(img/descarga.gif);
	color: #fff;
	width: 167px;
	height: 38px;
	text-align: center;
	display: block;
	line-height: 3em;
	float: right;
}
#content p.descarga a:hover{
	color: #FFC493;
}



/* imagen para el boton de descargas de ARCHIVOS */

#content p.descargaarchivos{
	float: right;
	clear: both;
	margin: 20px 0; 
	padding: 0 10px 0 0;
	width: 80%;
	text-align: right;
}
#content p.descargaarchivos a{
	background: url(img/descargaarchivos.gif);
	color: #fff;
	width: 167px;
	height: 38px;
	text-align: center;
	display: block;
	line-height: 3em;
	float: right;
}
#content p.descargaarchivos a:hover{
	color: #FFC493;
}
























/* Sidebar */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#sidebar p{
	font-size: 75%;
	margin: 1em 0 .8em 25px;
}
.lastworkth{
	display: block;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ccc; 
	background: #fff;
}
ul.sidenav li.sideactivo a{
	background: url(img/arrow-n.gif) 0 4px no-repeat;
	color: #666;
}

ul.sidenav li.current-cat a{
	background: url(img/arrow-n.gif) 0 4px no-repeat;
	color: #666;
}

ul.sidenav ol{
		list-style: none;
}
ul.sidenav,
ul.sidenav2{
	list-style: none;
	font-size: 75%;
	padding: 0 25px 50px 25px;
	background: url(img/sidebar-break.jpg) bottom no-repeat;
}
ul.sidenav a,
ul.sidenav2 a{
	font-weight: bold;
	color: #557799;
	text-decoration: none;
	padding-left: 20px;
	background: url(img/arrow-a.gif) 0 4px no-repeat;
}
ul.sidenav2 a{
	background: url(img/arrow-a.gif) 0 4px no-repeat;
	color: #557799;
}
ul.sidenav a:hover,
ul.sidenav2 a:hover{
	color: #809DB9}
ul.sidenav li,
ul.sidenav2 li{
	line-height: 2em;
	background: url(img/li.gif) bottom repeat-x;
	margin-bottom: 2px;
}
ul.sidenav li em{
	font-weight: normal;
	font-style: normal;
	color: #999;
}
#sidebar ul.nobg{
	background: none;
}
ul.lastwork{
	list-style: none;
	font-size: 70%;
	padding: 10px 25px 50px 25px;
	margin: 10px 0 0 0;
	/*  background: url(img/sidebar-break.jpg) bottom no-repeat;   */
	color: #666;
}
ul.lastwork li{
	line-height: 2em;
	margin-bottom: 2px;
}
a.view,
a.view2{/* vinculo del sideabr con icono */
	background: url(img/arrow.gif) right -2px no-repeat;
	padding: 0 28px 0 ;
	height: 20px;
	font-weight: bolder;
	color: #557799;
	display: block;
	margin: 5px 0 0 -8px;
	line-height: 1.7em;
	text-decoration: none;
	text-align: right;
}
a.view:hover{
	color: #809DB9;
}
a.view2{
	background: url(img/arrow2.gif) right -2px no-repeat;
}

/* Paginado */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
ul#pag{
	padding: 15px 0 0 0;
	height: 45px;
	text-align: right;
}
ul#pag li{
	display: inline;
	background: none;
	font-weight: bold;
	margin: 0; 
	padding: 0 2px;
	color: #ccc;
}



/* Footer */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#footer p{
	font-size: 70%;
	line-height: 1.4em;
	color: #666;
	text-align: center;
}
#footer a{
	color: #666;
	text-decoration: underline;
}
#footer a:hover{
	color: #000;
}



/* Wordpress */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */

ul.sidenav li h6{
	font-size: 105%;
	margin: 0; padding: 0; 
}
ul.sidenav ul li{
	list-style: none;
}
ul.sidenav li.noborder{
	background: none;
}
.post{
	margin-bottom: 3em;
}
.post small{
	font-size: 65%;
	line-height: 1.4em;
	color: #999;
	padding: 0 0 0 25px;
	margin: -1em 1em 2em 0;
	display: block;
}
#content .post p.postmetadata{
	text-align: right;
	background: url(img/info.gif) 118px 2px no-repeat;
	display: block;
	padding: 2px 0 15px 0;
	font-size: 65%; 
	height: 15px;
}
#content .post p.postmetadata.alt{
	font-size: 100%;
	background: none;
	text-align: left;
	padding: 0;
}
form#commentform
input#author,
input#email,
input#url,
textarea#comment{
	border: 1px solid #7F9DB9; 
	background-color: #F2F8FB;
	border: 1px solid #C9D6E2; 
}
form#commentform
input#author:hover,
input#email:hover,
input#url:hover,
textarea#comment:hover{
	background-color: #F7FAFC;
	border: 1px solid #7F9DB9; 
}
textarea#comment{
	width: 530px;
	overflow: auto;
}
#content ol.commentlist{
	margin-right: 20px;
	margin-left: 25px;
	list-style: none;
}
#content ol.commentlist li{
	background: #fcfcfc;
	border: 1px solid #f0f0f0;
	border-bottom: 3px solid #f0f0f0;
	margin-bottom: 10px;
	padding: 0 15px 15px 15px; 
	font-size: 100%;
	list-style-position: inside;
}
#content ol.commentlist li p{
	margin: 0 0 .5em 0; 
	padding: 0; 
}
#content ol.commentlist li cite{
	font-size: 80%;
	font-style: normal;
	font-weight: bold;
	display: block;
	margin: 0 -15px; 
	padding: 0; 
	background: #F5F5F5;
	text-indent: 15px
}
#content ol.commentlist li small.commentmetadata{
	font-size: 65%;
}
.navigation{
	font-size: 80%;
	font-weight: bold;
	padding: 0 5px 0 15px;
	height: 25px;
}
.navigation .alignleft{
	text-align: left;
	float: left;
	width: 180px;
}
.navigation .alignright{
	text-align: right;
	float: right;
	width: 180px;
}
span.editar a{
	padding: 0 25px 0 0;
	float: right;
	line-height: 20px;
	height: 23px;
	margin: 0 0 0 10px;
}			
span.comentarios a{
	background: url(img/comentarios.gif) right 0 no-repeat;
	padding: 0 25px 0 0;
	float: right;
	line-height: 20px;
	height: 23px;
	margin: 0 0 0 10px;
}
#content .post p.postmetadata span.comentarios a:hover{
	background-position: right -37px;
	color: #000;
}
span.categorias a{
	background: url(img/categorias.gif) right 0 no-repeat;
	padding: 0 25px 0 0;
	float: right;
	line-height: 20px;
	height: 23px;
	margin: 0 0 0 10px;
}
#content .post p.postmetadata span.categorias a:hover{
	background-position: right -37px;
	color: #000;
}
.sidebartags{
	padding: 0 25px 60px 25px; 
	text-decoration: none;

}
.sidebartags a{
	color: #557799 !important;
	text-decoration: none;
}


.entry a { text-decoration: underline; }
.entry a.more-link { text-align: right;  background-position: right; text-decoration: none;  }


/* PAGINACION */
.pagebar {
margin-left: 5px;
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	text-align:center;

	font-weight: bold;
	font-size: 90%;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #557799;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #718CA9;
	text-decoration: none;
	padding: 0.2em 0.5em;

}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #557799;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #557799;
	color: #fff;
}

.pagebar a:hover {
	border-color: #718CA9;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}


/* IDIOMA espanol-english */
/* ........................................ */
#headerx ul#idioma{
	position: absolute;
	bottom: 70px;
	right: 5px;
	display: none;
}
#headerx ul#idioma li{
	float: left;
	font-size: 70%;
	color: #999;
	list-style: none;
	margin: 0 0 0 6px;
}
#headerx ul#idioma li a{
	color: #333;
}

/* IDIOMA MENU DESPLEGABLE */
/* ........................................ */
#langBox{
	position: relative;
	width: 952px;
	height: 25px;
	margin: 0 auto;
	z-index: 810;
	top: 0;
	right:0;
	background: url(ma.jpg) 792px 0 no-repeat;
}
#lang, #lang ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: absolute;
	right: 0;
}
#lang a {
	display: block;
}
#lang li {
	float: left;
	width: 10em;
}

#lang li ul {
	position: absolute;
	top: 0;
	cursor: pointer;
	width: 10em;
	height: 15em;
	padding-top: 1.8em;
	left: -999em; 
	background: url(mh.gif) 0 0 no-repeat;
}

#lang li:hover ul, #lang li.sfhover ul {
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}
li a#international{
	width: 146px;
	color: #fff;
	font-weight: bold;
	font-size: .7em;
	text-align: center;
	line-height: 2em;
	text-decoration: none;
	position: relative;
	z-index: 820;
}
ul#langSub li a{
	color: #fff;
	font-size: .7em;
	text-indent: .8em;
	line-height: 1.8em;
	text-decoration: none;
	width: 141px;
	margin: 0 0 0 3px;
}
ul#langSub li a:hover{
	color: #fff;
	background: #4f7489;
}

.sharethis_0{
	 width: 1px;visibility: hidden;
}
.stbuttontext{ visibility: hidden;  width: 0px;  text-decoration: none;   }
.wrap{
}
fieldset.options{
	padding: 15px;
	margin: 5px 20px
}
fieldset.options legend{
	color: #333;
	padding: 0 20px
}
#content .post .entry ul.related_post{
	padding: 0;
	margin-top: -5px;
}
p.suscr{
	float: left;
	height: 20px;
	margin: -35px 0 0 0 !important;
	padding: 0;
}

#content ul.ultcom{
	margin: 10px 25px;
}
#content ul.ultcom li{
	border: 1px solid #c9d6e2;
	border-left: 6px solid #c9d6e2;
	padding: 10px 15px;
	margin: 0 0 15px 0;
	display: block;
	height: auto;
	background: none;
	font-size: 75%;
}
#content ul.ultcom li p{
	font-size: 100%;
	padding: 0;
	margin: .5em 0;
}
#content ul.ultcom li span{
	display: block;
	margin: 5px 0 0 0 
}



/* Pie de página con enlaces */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */

#foot {
	background: #E3F3F2 url(bg-foot.png) top repeat-x;
	float: left;
	margin: 10px 0 0 0;
	padding: 15px 0 20px 0;
	width: 100%;
}

#foot .foot-content {
	margin: 0 auto;
	padding: 0 0 0 15px;
	width: 990px;
}

ul#list-foot {
	float: left;
	margin: 0 10px;	
}

ul#list-foot {
	float: left;
	margin: 0 15px;	
}

ul#list-foot li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	list-style: none;
	padding: 0 0 7px 0;
}

ul#list-foot li a:link, a:visited {
	color: #666;
	text-decoration: none;
}

ul#list-foot li a:hover {
	text-decoration: underline;
}

#list-foot .title-foot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4D7799;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 10px 0;
	padding: 0 0 3px 8px;
	background: url(bullet-01.png) no-repeat left;
}