/****************************************
Autor : Álvaro M. Emparán F.
Profesión: Diseñador Gráfico mención e Publicidad - Post- Título en Medios Digitales
año 2009
Todos los derechos reservados
*****************************/

body { font-family: "Verdana", Tahoma, Arial, Trebuchet MS; font-size:10px; color:#999999; background-color:#ffffff; margin:0px;}

/*header*/
#header { height:23px; margin: 0 auto; width:1000px; background-image:url(../imagenes/menu/fondo_menu.png); background-position:top; background-repeat:no-repeat;}
#avatarae { padding-left:6px; padding-top:1px; border:0px;}
#avataraepie { padding-left:6px; padding-top:11px; border:0px;}
.imgdestacada { padding-bottom:10px;}

/*///Menu/////*/ 
/* GLOBALHEADER */
#cabeceraglobal { width:380px; position: relative; float:right; padding-top:5px;}
#cabeceraglobal #navglobal { margin: 0; padding: 0; }
#cabeceraglobal #navglobal li { display:inline; }
#cabeceraglobal #navglobal li a { float: left; padding-right:20px; overflow: hidden; font-family: "Verdana"; font-weight:bold; text-decoration:none; color:#666666; font-size:9px; }

/*contenedor header top principal*/
#contheader { margin: 0 auto; width:1000px;}
#contheader #logoprincipal { padding-left:9px; padding-top:9px; border:0px; float:left}
/*Submenu de sección*/
/*///Menu/////*/ 
/* GLOBALHEADER */
#contheader #submenuglobal { height: 23px; float:right; padding-top:17px;}
#contheader #submenuglobal a { float: left; padding-right:20px; padding-top:10px; overflow: hidden; font-family: "Verdana"; font-weight:bold; text-decoration:none; color:#666666; font-size:9px; }




/*contenedor general*/
#contenedor { margin: 0 auto; width:1000px; padding-bottom:10px; color:#333}
#contenedor p { padding-left:5px; padding-right:5px; font-size:10px;}

/*contenedor central y derecho*/
#contenedorcentral { width:800px; border:#ffffff 1px solid; font-size:11px; padding-right:5px;}
#contenedorcentral img { border:#ffffff 5px solid;}
#contenedorcentral li { padding-bottom:10px;}
#contenedorcentral p { text-align:justify;}
#contenedorright { width:190px; float:right; border:#FFFFFF 1px solid; font-size:11px}

/*destacado area derecha*/
#destacadoder { border-left:#f4f4f4 1px solid; border-bottom:#f4f4f4 1px solid; border-right:#f4f4f4 1px solid; font-size:9px;}
#destacadoder p { padding-left:5px; padding-right:5px;}
#destacadoder h3 { padding-left:5px; padding-right:5px;}


/*contenedor central proyectos*/
#contenedorcentral2 { width:610px; border:#ffffff 1px solid; font-size:11px; padding-right:5px;}
#contenedorcentral2 img { border:#ffffff 5px solid;}
#contenedorcentral2 li { padding-bottom:10px;}
#contenedorcentral2 p { text-align:justify;}

/*contendor derecha proyectos*/
#contenedorright2 { width:384px; float:right; border:#FFFFFF 1px solid; font-size:11px}

/*destacado area derecha proyectos*/
#destacadoder2 { border-left:#f4f4f4 1px solid; border-bottom:#f4f4f4 1px solid; border-right:#f4f4f4 1px solid; font-size:9px; background-color:#acacac}
#destacadoder2 p { padding-left:5px; padding-right:5px; color:#FFF}
#destacadoder2 h3 { padding-left:5px; padding-right:5px; color:#FFF}


/*Contenedor para dos columnas*/
#contenedorcolizq { width:450px; float:left; font-size:11px; padding-left:10px; padding-top:10px; border-left:#cccccc 1px solid}
#contenedorcolder { width:450px; float:left; font-size:11px; padding-left:10px; padding-top:10px;}



/*titulos H*/
h1 { font-size:19px; color:#333; font-weight:normal; margin:0px; padding-top:10px;}
h2 { font-size:17px; color:#333; font-weight:normal; margin:0px; padding-top:10px;}
h3 { font-size:15px; color:#333; font-weight:normal; margin:0px; padding-top:10px;}
h4 { font-size:12px; color:#333; font-weight:normal; margin:0px; padding-top:10px;}
h5 { font-size:10px; color:#333; font-weight:normal; margin:0px; padding-top:10px;}


/*piepagina*/
#piegagina { margin: 0 auto; width:1000px; font-size:9px; height:46px; background-image:url(../imagenes/pie/fondo.png); background-position:top; background-repeat:no-repeat}
#pieglobal { width:550px; position: relative; float:right; padding-top:15px;}
#pieglobal #navglobal2 a { float: left; height: 23px; overflow: hidden; padding-right:10px; font-family: "Verdana"; font-weight:normal; text-decoration:none; color:#666666; font-size:9px; }


/*Sliding*/
.SlidingPanels {
	position: relative;
	width: 100%;
	height: 400px;
	padding: 0px;
	border: none;
}

.SlidingPanelsContentGroup {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

.SlidingPanelsContent {
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.SlidingPanelsCurrentPanel {
}

.SlidingPanelsFocused {
}
#newsTicker {
	width: 610px;
	float: left;
/*	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;*/
	background-image:url(../imagenes/works/marco_fondo.png);
	background-position:top;
	background-repeat:repeat-y;
}
#newsTicker .SlidingPanels {
	margin-left:2px;
	width: 600px;
	height: 620px;
	float: left;
}
#newsTicker .SlidingPanelsContentGroup {
	margin-left:5px;
	width: 8000em;
	float: left;
}
#newsTicker .SlidingPanelsContent {
	float: left;
	margin-left:2px;
	width: 610px;
	height: 620px;
}

#newsTicker img {
	float: left;
	margin-right: 4px;
}

#newsTicker .SlidingPanelsContent .content {
	margin: 4px auto;
	float: left;
}
#item1 .content, #item2 .content, #item3 .content {
	border-right: dashed 1px #999999;
}
#newsTicker .content {
	height: 80px;
	padding: 0px 4px;
}

#newsTicker p {
	margin: 4px 4px;
}

#newsTicker .prev {
	text-align: left;
	padding: 4px 4px;
	clear: both;
}

#newsTicker .next {
	text-align: right;
	padding: 4px 4px;
	clear: both;
}

.SlidingPanelsAnimating * {
	overflow: visible !important;
}

/*Lins para navegar por sliding*/
#newsTicker .navLinks {
	clear: both;
	text-align: right;
	margin-right:5px;
	padding-top: 4px;
	padding-bottom: 4px;

}
#newsTicker .navLinks ul {
	padding-top: 4px;
	padding-bottom: 4px;

}
#newsTicker .navLinks li{
	padding-right:4px;
	color:#666;
	font-size:9px;
}
#newsTicker img{
	border:#e6e6e6 1px solid;
}
#newsTicker .navLinks a { color:#333333; text-decoration:none; font-size:10px;}
#newsTicker .navLinks a:visited { color:#999999; text-decoration:none; font-size:12px;}
#newsTicker .navLinks a:hover { color:#333333; text-decoration:none; font-size:12px}
#newsTicker .navLinks a:active { color:#999999; text-decoration:underline; font-size:12px}