/* CSS Distintiva */


/* Generales */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */


*{
	margin: 0;
	padding: 0;
}
body{
	background: #E8F4F4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #557799;
	padding: 0 0 10px 25px;
	margin: .5em 0;
}

h1{font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 150%;}
h2{font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 129%;background: url(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;}*/
a:hover{color: #B03E00; text-decoration: underline;}
/*a:visited{color: #8AAAC5; text-decoration: none;}*/
img{border: 0;}




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



/* Divisiones */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#container {
	background: #E1F8F7 url(body.jpg) repeat-x;
	margin: 0;
	padding: 0 0 15px 0;
}
#main{/* caja contenedora */
	width: 952px;
	margin: 0 auto;
	padding-bottom: 25px;
	border: 1px solid #6C6C6C;
	border-top: 5px solid #6C6C6C;
	overflow: hidden;
	background: url(main.gif) repeat-y;
}
#header{
	position: relative;
	width: 952px;
	height: 107px;
	margin: 0 auto;
}
#splash{/* area para la foto de cabecero */
	height: 167px;
	background: #fff url(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: 39px;
	left: 29px;
	background: url(distintiva-logo.gif) no-repeat;
	text-indent: -10000px;
}
#header p{/* mail y telefono */
	font-size: 70%;
	color: #999;
	position: absolute;
	bottom: 50px;
	right: 5px;
}
#header p a{
	color: #666;
	text-decoration: none;
}
#header p a:hover{
	color: #000;
}
#header p strong{
	color: #000;
}

/* Nav bar */
/* ........................................ */
#header ul#navbar{
	height: 31px;
	position: absolute;
	top: 76px;
	right: -1px;
}
#header ul#navbar 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#navbar li a{
	color: #888;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;
	background-image: url(navb.png);
	display: block;
	width: 138px;
	height: 31px;
	cursor: pointer;
	line-height: 2.8em;
}
#header ul#navbar li a:hover{
	background-position: 0 -31px;
	color: #000;
}
#header ul#navbar li.activo{
	z-index: 800;
}
#header ul#navbar li.activo a{
	background: url(navbc.png);
	position: relative;
	color: #fff;
	display: block;
}
#header ul#navbar li.activo a:hover{
	color: #ccc;
}
h2.tagline{
	position: absolute;
	top: 70px;
	left: 30px;
	background: none;
	font-size: 70%;
	color: #6E94A9;
	margin: 0;
	padding: 0;
	font-weight: normal;
	letter-spacing: 1px;
}






/* IDIOMA espanol-english */
/* ........................................ */
#header ul#idioma{
	position: absolute;
	bottom: 70px;
	right: 5px;
	display: none;
}
#header ul#idioma li{
	float: left;
	font-size: 70%;
	color: #999;
	list-style: none;
	margin: 0 0 0 6px;
}
#header 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;
}

/* Content */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#content a{
	color: #557799;
}
#content a:hover{
	color: #718CA9;
	text-decoration: underline;
}
#content p{
	font-size: 75%;
	line-height: 1.4em;
	color: #666;
	padding: 0 0 0 25px;
	margin: 0 1em 1.2em 0;
}




#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;
}

/* 
#content a.link {
text-decoration: underline;
}
*/

.post2 a {
text-decoration: underline;
}


.post2 h2 a {
text-decoration: none;
}




#content p.more{
	margin: -5px 0 0 0;
}
#content p.more a{
	display: block;
	padding: 0 15px 0 0;
	color: #EF5700;
	text-align: right;
}
#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(list1.gif)0 6px no-repeat;
	padding: 0 0 0 15px;
}
#content ul.list1 li{/* lista con vineta */
	background: url(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(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(b1.gif);}
.b2{/* esquina sup der */
	top: 0;right: 0;background-image: url(b2.gif);}
.b3{/* esquina inf izq */
	bottom: 0;left: 0;background-image: url(b3.gif);}
.b4{/* esquina inf der */
	bottom: 0;right: 0;background-image: url(b4.gif);}
	

/* Alineaciones */
.normal{/* aplica margen para alinear a la izquierda */
	margin: 0 0 10px 22px;
}
.centro{/* centra la imagen/elemento */
	display: block;
	margin: 0 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(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 a {
text-decoration: underline;
}

#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 .work2 li.interactivo{
	margin: 10px 0 10px 0;
}
#content .work2 li.interactivo strong{
	color: #ff6600;
	padding: 0 0 0 10px;
	background: url(list1.gif) 0 5px no-repeat;
}





#content .work a {
text-decoration: underline;

}
#content .work a img{
	border: 1px solid #fff; 
	padding: 2px;
}
#content .work a:hover img{
	border: 1px solid #999; 
}

#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(list1.gif) 0 5px no-repeat;
}

#content .work li.consultoria{
	margin: 0 0 0 10px;
	background: url(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(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;
}



#content p.descarga2{
	float: right;
	clear: both;
	margin: 20px 0; 
	padding: 0 10px 0 0;
	width: 80%;
	text-align: right;
}
#content p.descarga2 a{
	background: url(descarga2.gif);
	color: #fff;
	width: 250px;
	height: 38px;
	text-align: center;
	display: block;
	line-height: 3em;
	float: right;
}
#content p.descarga2 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;
}
#sidebar ul.sidenav li ul{background: url(li.gif) top repeat-x;margin-bottom: 10px;}
#sidebar ul.sidenav li ul li{padding: 0 0 0 30px;list-style: none;}
#sidebar ul.sidenav li ul li a{color: #888;background: url(arrow3.gif) 0 5px no-repeat;padding-left: 8px;font-weight: normal;}
#sidebar ul.sidenav li ul li a:hover{color: #333;}
#sidebar ul.sidenav li ul li.activo a{color: #000;}


ul.sidenav li.sideactivo a{
	background: url(arrow-n.gif) 0 4px no-repeat;
	color: #666;
}
ul.sidenav li.sideactivo a em{
	color: black;
}

ul.sidenav,
ul.sidenav2{
	list-style: none;
	font-size: 75%;
	padding: 0 25px 50px 25px;
	background: url(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(arrow-a.gif) 0 4px no-repeat;
}
ul.sidenav2 a{
	background: url(arrow-n.gif) 0 4px no-repeat;
	color: #666;
}
ul.sidenav a:hover,
ul.sidenav2 a:hover{
	color: #809DB9}
ul.sidenav li,
ul.sidenav2 li{
	line-height: 2em;
	background: url(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(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(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(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;
}


h2.landing{
	background: none;
	font-size: 70%;
	color: #6E94A9;
}




/* Forms */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
form{
	background: #FBFBFB;
	margin: 0 15px 50px 25px;
	border: 1px solid #ccc; 
	height: 400px;
	position: relative;
}
fieldset{
	border: 0;
}
legend{
	font-weight: bold;
	color: #557799;
	font-size: 80%;
	padding: 10px;
}
label{
	display: block;
	width: 100px;
	margin: 10px 0 10px 0;
	float: left;
}
input{
	background: #FBFBFB url(input.gif) no-repeat;
	border: 0;
	width: 200px;
	height: 37px;
	padding: 10px 20px 0 10px;
	float: left;
	clear: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
}
form li{
	min-height: 50px;
	list-style: none;
}
textarea{
	width: 263px;
	height: 140px;
	background: url(textarea.gif) no-repeat;
	border: 0;
	overflow: auto;
	padding: 5px 18px 10px 10px;
	clear: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
}
input.send{
	display: block;
	background: url(send.gif);
	width: 101px;
	height: 32px;
	color: #fff;
	font-weight: bold;
	padding:0 0 5px 0;
	position: absolute;
	bottom: 25px;
	left: 340px;
}

/* wp */
#content .bocadillo{
	width: 330px;
	margin: 0 0 50px 55px;
	padding: 10px 0 0 0;
	position: relative;
	background: url(bocadilloT.jpg) top no-repeat;
}
#content .bocadillo p{
	margin: 0;
	padding: 10px 25px;
}
#content .bocadillo p.bautor{
	background: #fff url(bocadilloB.jpg) top no-repeat;
	padding: 35px 15px 15px 0;
	text-align: right;
}







/* Contenido Relacionado */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */

#related {
	background: url(bg-related-top.gif) top no-repeat;
	padding: 10px 20px 15px 20px;
	margin: 0 0 0 12px;
}

#related-bottom {
	background: url(bg-related-bottom.gif) top no-repeat;
	height: 5px;
	margin: 0 0 0 12px;
}

#related h4 {
	background: url(title-related.png) bottom repeat-x;
	padding: 0 0 5px 5px;
}

#related ul.list-related {/* lista con vineta */
	padding: 0;
	margin: 20px 0 0 18px;
}

#related ul.list-related li{/* lista con vineta */
	background: url(bullet-02.png) 0 5px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}

#related p.more{
	margin: -5px 0 0 0;
}
#related p.more a{
	display: block;
	padding: 0 0px 0 0;
	color: #EF5700;
	text-align: right;
}
#related p.more a:hover{
	color: #B03E00;
}



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

#foot {
	background: #E3F3F2 url(bg-foot.png) top repeat-x;
	float: left;
	margin: 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;
	color: #000;

}

#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;
}