@charset "utf-8";
/*
Theme Name: Plan Original
Theme URI: http://planoriginal.com/
Description: Tema de Plan Original, empresa de desarrollo web
Version: 1.0
Author: Lucas Torres
*/
/* CSS Document */
@import url(css/reset.css);
@import url(css/text.css);

body {
	background: #F0F0F0 url('imagenes/bg-body.png') repeat-x top left;
}

acronym {
	border-bottom: #333 1px dotted;
	cursor: help !important;
}

.hidden {
	display: none;
}

/* Envoltorio */

#envoltorio {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/* Cabecera */

#cabecera {
	width: 100%;
	height: 150px;
	background: #000 url('imagenes/bg-cabecera.png') no-repeat bottom left;
}

	#logo-cabecera {
		display: block;
		position: relative;
		width: 272px;
		height: 122px;		
		overflow: hidden;
		float: left;
	}
	
	#logo-cabecera a, #logo-cabecera a:visited {
		color: #FFF;
		background-color: #000;
	}
	
		#logo-cabecera a span {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: transparent url('imagenes/logo-cabecera.png') no-repeat bottom left;
		}
		
	#mini-menu {
		float: right;
		list-style: none;
		width: 217px;
		margin-bottom: 0;
		background: #000 url('imagenes/bg-mini-menu.png') no-repeat top left;
		font-size: 0.8em;
	}	
	
		#mini-menu li {
			width: inherit;
			float: left;
			margin-left: 0;
			text-align: center;
		}
		
		#mini-menu li.about {width: 122px; border-right: #000 3px solid;}
		#mini-menu li.feed {width: 92px;}
		#mini-menu li.saltar-contenido {display: none;}
		
		#mini-menu li a {
			color: #FFF;
			text-decoration: none;
			background: #000 url('imagenes/bg-mini-menu.png') no-repeat top left;
			display: block;
			width: 100%;
		}
		
	#tagline {
		color: #FFF;
		background-color: #000;
		font-size: 2.5em;
		width: 590px;
		float: right;
		margin-bottom: 8px;
	}
	
/* Menu Desplegable Créditos: http://araudi.net/Desplegables/menu_desplegable1.html# */

#menu_principal {
	list-style: none;
	height: 25px;
	line-height: 25px;
	margin: 15px 10px 0 0;
	background-color: transparent;
	float: right;
	width: 630px;
}

	#menu_principal a {
		color: #000;
		background-color: #D7D595;
		text-decoration: none;
		display: block!important;
		height: 25px;
		width: 100%;
	}

	#menu_principal li.nivel1 {
		float: left;
		text-align: center;
		background-color: #D7D595;
		width: 19.8%;
		margin-left: 0;
		border-right: #787878 1px solid;
	}
	
	#menu_principal li:hover {
		position: relative;
		background-color: #E9E8C5;
	}	
	
		#menu_principal li a.nivel1 {
			display: none;
			position: relative;
		}

		#menu_principal li a:hover {
			background-color: #E9E8C5;
			position: relative;			
		}
		
		#menu_principal li a.active {
			background-color: #E9E8C5;
		}
		
		#menu_principal li.last {
			border-right: none;
		}
		
	#menu_principal li.first a {
		background: #D7D595 url('imagenes/bg-menu-izq.png') no-repeat top left;
	}
	
	#menu_principal li.first a:hover, #menu_principal li a.active1 {
		background: #e9e8c5 url('imagenes/bg-menu-izq-hover.png') no-repeat top left;
	}	

	#menu_principal li.last a {
		background: #D7D595 url('imagenes/bg-menu-der.png') no-repeat top right;
	}
	
	#menu_principal li.last a:hover, #menu_principal li a.active2 {
		background: #e9e8c5 url('imagenes/bg-menu-der-hover.png') no-repeat top right;
	}		
	

/* Contenedor */

#contenedor {
	background: #FFF url('imagenes/bg-contenido.png') repeat-y top left;
	width: 960px;
	overflow: hidden;
}
		
/* BREADCUMB */

#breadcumb {
	float: left;
	width: 100%;
	margin: 15px 0 15px;
	background-color: #F0F0F0;
}

	#breadcumb ul {
		list-style: none;
	    height: 20px;
		line-height: 20px;
		margin-bottom: 0;
		font-size: 0.8em;
	}
	
		#breadcumb ul li {
			float: left;
			width: inherit;
			margin: 0;
			padding: 0 12px;
			text-align: center;
			background: url('imagenes/bg-breadcumb.png') no-repeat top right;
		}
		
			#breadcumb ul li a {
				display: block;
				text-decoration: underline;
				color: #000;
				background-color: #F0F0F0;
			}
			
			#breadcumb ul li a:hover {
				color: #787878;
			}
		
/* contenido */

#contenido {
	width: 630px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 10px;
}

	.articulo-principal, .articulo-principal-single, .articulo-principal-cat, .articulo-principal-portafolio {
		clear: both;
		padding: 0 10px 10px 10px;
		margin: 10px 0 25px;
	}
	
	.articulo-principal-single {
		margin-top: 25px;
	}


	.articulo-principal {
		background: #FFF url('imagenes/bg-art-principal.png') no-repeat bottom left;
	}
	
	.articulo-principal-single {
		background: #FFF url('imagenes/bg-art-principal.png') no-repeat bottom left;
	}
	
	/* ARTICULOS DEL PORTAFOLIO */
	
	.articulo-principal-cat, .articulo-principal-portafolio {
		overflow: hidden;
		background: #FFF url('imagenes/divisor-articulos.png') no-repeat bottom left;
		padding: 0 20px 30px;
		margin-bottom: 0;
	}
	
	.articulo-principal-portafolio h3 {
		display: inline-block;
		float: right;
		width: 270px;
		text-align: left;
		color: #23459E;
	}
	
	.articulo-principal-portafolio img {
		float: left;
		margin-bottom: 10px;
	}
	
	.articulo-principal-portafolio ul {
		float: left;
		width: 270px;
		margin-bottom: 10px;
		list-style-type: none;
	}
	
	.articulo-principal-portafolio ul li {
		margin: 0 0 10px 20px;
		line-height: 1.2;
	}
	
	.articulo-principal-portafolio ul li span {
		display: inline-block;
		font-weight: bold;
		color: #0B60DF;
	}		
	
	.articulo-principal-portafolio p {
		clear: both;
	}
	
	.articulo-principal-servicios {
		padding: 0 10px 10px 10px;
		margin: 10px 0 25px;
	}			
	

	/* ARTICULOS DE CATEGORIAS */
	
	.articulo-principal-cat {
		margin-bottom: 25px;
	}
	
	.fecha {
		float: left;
		display: inline-block;
		width: 45px;
		height: 50px;
		background: transparent url('imagenes/calendario.png') no-repeat top left;
	}
	
	.articulo-principal-cat h3, .articulo-principal-single h3 {
		float: left;
		width: auto;
		display: inline-block;
		margin: -7px 0 0 15px;
	}
	
	.articulo-principal-cat p, .articulo-principal-single p {
		clear: both;
		margin-left: 60px;
	}
	
	.fecha span.ano {
		display: block;
		width: 45px;
		margin-top: -3px;
		font-size: 0.7em;
		font-weight: bold;
		text-align: center;
		color: #FFF;
		background-color: transparent;
	}
	
	.fecha span.dia {
		display: block;
		width: 45px;
		font-size: 1.1em;
		font-weight: bold;
		text-align: center;				
	}
	
	.fecha span.mes {
		display: block;
		margin-top: -5px;
		width: 45px;
		font-size: 0.7em;
		font-weight: bold;
		text-align: center;			
	}
	
	.link-comentarios {
		float: left;
		width: auto;
	}	

	
	/* ARTICULOS DEL INDEX */
	
	#articulos {
		overflow: hidden;
		margin-top: 25px;
	}
	
	.titular-principal {
		color: #2081B5;
	}
	
		.art-recientes { /* Titulo */
			border-bottom: #5A5A5A 5px solid;
			line-height: 120%;
		}
		
		.titular-secundario {
			font-size: 1.5em;
			padding-left: 5px;
			margin-top: 30px;
		}
	
		.articulos {
			display: inline;
			width: 300px;
			height: auto !important;
			height: 200px;
			min-height: 200px;
			float: left;
			font-size: 0.9em;
			background: #FFF url('imagenes/bg-art-sec.png') no-repeat bottom right;
			padding-bottom: 10px;
		}
		
		.par { margin-right: 30px;}
		
		.articulos p {
			padding: 0 10px 0 4px;
			font-size: 0.9em;
		}

.ver-todos {
	clear: both;
	padding-top: 15px;
	text-align: center;
}
		
.navegacion {
	display: block;
	text-align: center;
}

.navegacion div {
	background-color: #E3E8FF;
	padding: 1px 3px;
}

.navegacion div a {
	color: #333;
	background-color: #E3E8FF;
	text-decoration: none;
}

.navegacion div a:hover {color: #000; background-color: #E3E8FF; }

.derecha, .alignright { float: right; width: auto;}
.izquierda, .alignleft { float: left; width: auto;}		
		
/* Barra Lateral */			
	
#barra-lateral {
	float: right;
	width: 290px;
}

	.contactData {
		margin: 10px 10px 10px 0;
		padding: 10px;
		font-style: normal;
		font-size: 1em;
		border: #D7D595 1px solid;
	}
	
	.contactData img {
		vertical-align: middle;
		margin: 0 6px 5px 0;
	}
	
	.poRss {
		height: 60px;
		background: transparent url('imagenes/bg-rss.png') no-repeat bottom left;
	}
	
	.poRss h3 {
		font-size: 1.9em;
	}
	
	.poRss h3 a {
		line-height: 60px;
		display: block;
		height: 60px;
		width: 180px;
		text-decoration: none;
		border: none;
		padding-left: 100px;
	}

	#barra-lateral div {
		margin-bottom: 50px;
	}	


#pie {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	background: #FFF url('imagenes/bg-pie.png') no-repeat bottom left;
	padding-top: 60px;
}

	#pie p {
		font-size: 0.8em;
		margin-bottom: 10px;
		text-align: center;
	}
	
	#pie p a {
		color: #345E89;
		text-decoration: none;
		border-bottom: 1px dotted;
	}
	
	#pie p a:hover {
		color: #000;
		background-color: #FFF;
		border-bottom: 1px dotted;
	}
	
	#pie p img {
		vertical-align: top;
		margin-right: 3px;
	}


#licencia {
	text-align: center;
}

#licencia p {
	font-size: 0.7em;
	line-height: 90%;
	vertical-align: middle;
	margin-bottom: 10px;
}

#licencia p a {
	color: #000;
	background-color: transparent;
}

#licencia p a:hover {
	color: #5A5A5A;
}

/* search */

#searchform {
	width: 280px;
	height: 70px;
	background: #FFF url('imagenes/busqueda.png') no-repeat top left;
}

	input.caja-busq {
		font-size: 1.3em;
		line-height: 30px;
		margin: 20px 0 0 9px;
		width: 210px;
		border: none;
		background-color: transparent;
	}
	
	input.boton-busq {
		width: 55px;
		height: 32px;
		margin: -6px 0 0 -5px;
		border: none;
		background-color: transparent;
	}

.termino-busqueda {
	background-color: #DAEBEF;
	padding: 0 3px;
}
		

/* Contacto */

#contacto {
	margin: 25px 0 0 70px;
}

	#contacto div {
		margin-bottom: 10px;
	}

	#contacto label {
		display: inline-block;
		width: 80px;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#contacto input.text {
		width: 360px;
		border-right: #9A9A9A 1px solid;
		border-bottom: #9A9A9A 1px solid;
		border-left: #DFDFDF 1px solid;
		border-top: #DFDFDF 1px solid;
		font-size: 1em;
		padding-left: 2px;
	}
	
	#contacto input.text:focus, #contacto textarea:focus {
		background-color: #EAF5FD;
	}

	#contacto textarea {
		display: inline-block;
		font-size: 1em;
		width: 360px;
		height: 110px;
		border-right: #9A9A9A 1px solid;
		border-bottom: #9A9A9A 1px solid;
		border-left: #DFDFDF 1px solid;
		border-top: #DFDFDF 1px solid;
		text-align: justify;
	}

	.send {
		width: 70px;
		height: 25px;
		border-right: #9A9A9A 1px solid;
		border-bottom: #9A9A9A 1px solid;
		border-left: #DFDFDF 1px solid;
		border-top: #DFDFDF 1px solid;
		font-size: 1em;
		margin-left: 378px;
		background-color: #D7D595;
	}
	
	.aviso {
		width: 466px;	
		border-right: #9A9A9A 1px solid;
		border-bottom: #9A9A9A 1px solid;
		border-left: #DFDFDF 1px solid;
		border-top: #DFDFDF 1px solid;
		padding: 2px;			
	}
	
	.anuncio {
		background-color: #F0F0F0;
	}
	
	.exito {
		background-color: #D4FFD4;
	}
	
	.error {
		background-color: #FF7F55;
		color: #000;
	}


/* COMENTARIOS */

.lista-comentarios {
	list-style-type: none;
}

	
	.lista-comentarios li > div, .lista-comentarios li ul li > div  { /* Comentarios individuales */
		overflow: hidden;
		background: #FFF url('imagenes/bg-comments.png') repeat-y top left;
		margin: 13px 0;
		padding: 5px;
	}
	
		.comment-author {
			display: inline-block;
			width: 180px;
			float: left;
			margin: 0;
		}
		
		.comment-author img {
			float: left;
			margin-right: 8px;
		}
		
		.comment-author a {
			color: #345E89;
			text-decoration: none;
			border-bottom: 1px dotted;
		}
		
		.commenta-author cite {
			display: block;
			float: left;
			width: auto;
		}
		
		.comment-author span {
			display: block;
			float: left;
			width: auto;
		}
		
		.comment-meta {
			clear: both;
			float: left;
			width: 100px;
			text-align: left;
			overflow: hidden;
			margin: 0;
		}
		
		.comment-meta a {
			font-size: 0.7em;
			color: #333;
			text-decoration: none;
		}
		
			.comment-edit-link {
				float: left;
				margin: 8px 0;
				width: auto;
			}
	
	.lista-comentarios li div p {
		float: right;
		margin-top: -60px;
		width: 390px;
	}
	
	.reply {
		clear: both;
	}
	
	.reply a {
		color: #345E89;
		text-decoration: none;
		border-bottom: 1px dotted;
		font-size: 0.8em;
	}
	
	ul.children {
		list-style-type: none;
	}
	
	/* FORMULARIO DE COMENTARIOS */	
	
	#commentform a {
		color: #345E89;
		text-decoration: none;
		border-bottom: 1px dotted;
	}
	
	input#url, input#email, input#author {
		border-right: #9A9A9A 1px solid;
		border-bottom: #9A9A9A 1px solid;
		border-left: #DFDFDF 1px solid;
		border-top: #DFDFDF 1px solid;		
	}
		
	textarea#comment {
		width: 620px;
		border-right: #9A9A9A 1px solid;
		border-bottom: #9A9A9A 1px solid;
		border-left: #DFDFDF 1px solid;
		border-top: #DFDFDF 1px solid;		
	}
	
	p label small {
		font-size: 0.7em;
		font-weight: bold;
	}
	
	#commentform input#submit {
		background-color: #E2EEF5;
		border-right: #9A9A9A 1px solid;
		border-bottom: #9A9A9A 1px solid;
		border-left: #DFDFDF 1px solid;
		border-top: #DFDFDF 1px solid;		
	}
	
	#cancel-comment-reply-link {
		color: #345E89;
		text-decoration: none;
		border-bottom: 1px dotted;		
	}
	
		
	
		

/* FIN COMENTARIOS */
		

/*
	SLIDER
*/
#page-wrap 									{ width: 628px; height: 275px; 
											  background-color: #FFFFFF;
											  border: #787878 1px solid;
											  margin: 0 0 45px 0; overflow: hidden;
											 }
											 
.titulo-slide								{ color: #23459E; }
											 
.slider-wrap								{ width: 628px; height: 255px;}
#slider										{height: 245px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 628px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; overflow: hidden; }
.stripViewer .panelContainer .panel			{ float: left; height: 245px; position: relative; width: 628px; overflow: hidden;}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.size-thumbnail								{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ width: 628px; height: 35px; margin: -15px 0 0 0; background-image: url('imagenes/bg-transp.png'); border-top: #787878 1px solid;}
#movers-row	h4								{display: inline; width: 280px; float: left; line-height: 35px; margin-left: 10px;}
#movers-row	h4 a							{ color: #FFF; background-color: transparent;}
#movers-row div								{ width: 65px; height: 36px; float: left; margin: 2px 0 0 14px;}
#movers-row div a.cross-link 				{ float: right; width: auto;}

.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(imagenes/active.gif) top left no-repeat; }
#movers-row a:focus, #movers-row a:active   { background-color: transparent; outline: #FFF 1px dashed;} 

.wrapper 									{ clear: both; overflow: hidden;}
.wrapper h3									{ float: right; margin: 30px 10px 10px 0; width: auto;}
.wrapper img								{ float: left; margin: 25px 0 0 0;}
.wrapper p 									{ clear: right; float: right; width: 210px; margin: 15px 10px 0 0; text-align: right;}

/*
	/ SLIDER 
*/