/*
Theme Name: PathComunicacion
Theme URI: http://www.pathcomunicacion.com.ar
Description: Theme para PathComunicacion.
Version: 1 (WP2.9.1)
Author: Ricardo J Rodriguez & Jorge A Samuelle
Author URI: http://rjrodriguez.com.ar
Tags: Path Comunication 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* Generales **/
body {
	background: #322D29;
	color:#FFF;
	}
	
h2, h2 a {
	font: 19px;
	color:#FFF;
	margin-bottom: 0.6em;
	}

p {
	font-size: 13px;
	line-height: 18px;
	color:#999;
	}
a {
	color: #f60;
	}
a:hover {
	color: #fff;
	}

ul, ol {
font-size: 12px;
margin-bottom: 1.6em;
}

/* franjas intermedias */
.top { border-bottom: 4px solid #000; }
	.pagina .top 	{background:url(style/images/bg_top.jpg) no-repeat center top;}
	.blog .top 	{background:url(style/images/bg_top-blog.jpg) no-repeat center top;}

.sub-top {
	background:url(style/images/bg_subtop.jpg) repeat-x top;
	}
.main, .sub-main {
	background:url(style/images/bg_main.jpg) repeat-x top;
	}
.bottom {
	background:url(style/images/bg_bottom.jpg) repeat-x top;
	}

/* contenedores */

#cabezal, #nav, #slide, #menu, #contenido, #pie, #sub {
	width: 910px;
	overflow:hidden;
	}
	
/* cabezal */

#cabezal { position: relative; }

.pagina #cabezal { height: 188px; }
.blog #cabezal { height: 120px; }

#cabezal h1 {
	background:url(style/images/bg_logo.png) no-repeat top left;
	float: left;
	width: 193px;
	height:62px;
	margin-top: 25px;
	}
	#cabezal h1 a {
		display:block;
		height:62px;
		text-decoration:none;
		outline:none;
		}
		#cabezal h1 a span { visibility:hidden;}

	#cabezal ul.blogroll {
		float: right; 
		text-decoration:none; 
		text-transform:uppercase; 
		font: 10px/40px arial;
		color: #666;
		}
		#cabezal ul.blogroll li {
			float:left; 
			display:inline-block;
			background:url(style/images/blogroll_bull.gif) no-repeat center left;
			padding-left: 10px;
			margin-left: 15px;
			}
			#cabezal ul.blogroll li a {
				color:#666;
				text-decoration: none;
				display:block;
				}
				#cabezal ul.blogroll li a:hover { color:#CCC;}
			
#cabezal h2 {
	position: absolute;
	background:url(style/images/bg_slogan.png) no-repeat top center;
	width: 182px;
	height: 36px;
	left: 650px;
	}
	#cabezal h2 span { visibility: hidden; }
	.pagina #cabezal h2 { top: 110px; }
	.blog #cabezal h2 { top: 60px;}
	
/* Navegacion */
#nav {
	margin-left: auto;
	margin-right: auto;
	}
	#nav ul {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px;
		text-transform: uppercase;
		overflow:hidden;
		height: 36px;
		margin: 0;
		}
		#nav ul li {
			float:left;
			}		
			#nav ul li a {
				display: block;
				text-decoration: none;
				font-variant: capitalize;
				padding: 0px 15px;
				color: #333;
				line-height: 36px;
				}
				#nav ul li a:hover, #nav ul li a.current {
					background-color:#333;
					color:#FFF;
					}
			/* estilos para desplegable */
			
			#nav ul li ul {
				position : absolute;
				background-color: #333;
				height : auto;
				display:none;
				left: auto;
				margin-top:0;
				width:auto;
				z-index: 1000;
				}
				#nav ul li ul li {
					float: none;
					clear:both;
					width:auto;
					display:block;
					}
					#nav ul li ul li a {
						color:#fff;
						}
						#nav ul li ul li a:hover {
							background: url(style/images/bg_nav-sub.png);
							}
					
					
				
/* slideshow  */				
#slide {
	padding: 10px 0;
	}
	#slide .uno, #slide .dos, #slide .tres {
		height: 250px;
		padding: 15px 15px 25px;
		overflow:hidden;
		float:left;
		}
	#slide .uno {
		background:url(style/images/bg_uno.jpg) no-repeat;
		width: 420px;
		margin-right: 10px;
		}
	#slide .dos, #slide .tres {
		background: url(style/images/bg_dos-tres.jpg) no-repeat;
		width: 190px;
		}
	#slide .dos {margin-right: 10px;}


/* Menu grande*/ 
#menu ul {
	overflow:hidden;
	_height: 1%;
	}
	#menu ul li {
		width:220px;
		margin-right: 10px;
		float:left;
		}
		#menu ul li.last {margin-right: 0;}
		#menu ul li a {
			display: block;
			padding: 136px 0 10px 20px;
			color:#666;
			font: bold 13px/27px Arial, Helvetica, sans-serif;
			text-decoration: none;
			outline: none;
			}
			#menu ul li a.pu { background: url(style/images/btn_pu.jpg) no-repeat center top; }
			#menu ul li a.ic { background: url(style/images/btn_ic.jpg) no-repeat center top; }
			#menu ul li a.wm { background: url(style/images/btn_wm.jpg) no-repeat center top; }
			#menu ul li a.mp { background: url(style/images/btn_mp.jpg) no-repeat center top; }
			
			#menu ul li a:hover {
				background-position: bottom;
				color: #000;
				}

/* Contenido front */


	#intro, #notas, #zocalo {
		padding: 15px 15px 25px;
		float:left;
		}
	#contenido #intro {
		width: 420px;
		margin-right: 10px;
		}
		#intro h6 {
			font-size: 10px;
			color: #666;
			}
	#notas {
		background: url(style/images/bg_borde-contenido.png) repeat-y left;
		width: 202px;
		margin-right: 15px;
		}
	#zocalo {
		padding-left: 0px;
		width: 188px;
		}
		
/* Contenido para Blog */

#contenido #ppal {
	width: 596px;
	float: right;
	background: url('style/images/bg_ppal.png') repeat-y left;
	padding-left: 4px;
	}
	#contenido #ppal.blancos {
		padding: 3em 0 2em 34px;
		width: 566px;
		}
#contenido #side {
	width: 310px;
	float: left;
	padding: 3em 0;
	}
	#side div {
		padding:0;
		}
		#side div p {
			color: #fff;
                        padding:0 15px 0 20px;
			}
		#side div strong {
			color: #fff;
                        padding:0 15px 0 20px;
			}
	#side #searchform {
		margin:0 0 1em 30px;
		padding-top: 1em;
		}
	#side #categories-3 li {
		background: url('style/images/bg_li-cat.png') repeat-x bottom;
		font: 12px/30px arial, helvetica, sans-serif;
		height: 30px;
		color: #ccc;
		}
		#side #categories-3 li a {
			padding-left: 30px;
			color: #ccc;
			}
			#side #categories-3 li a:hover {
				color: #fff;
				text-decoration: none;
				}
	#side address strong {
		font: normal 14px arial;
		color: #f60;
		margin-bottom: 1em;
		display:  block;
		}
	#side address a {
		color: #f60;
		text-decoration: underline;
		}
	#side .linkcat {
		padding-left: 30px;
		margin-top: 1.6em;
		font: 12px/24px arial, helvetica, sans-serif;
		}
		#side .linkcat h2 {
			font-family: arial, helvetica, sams-serif;
			color: #f60;
			padding: 0;
			background: none;
			font: 14px arial;
			}
		#contenido .linkcat ul li a {
			color: #fff;
			}
			#contenido .linkcat ul li a:hover {
				text-decoration: underline;
				}
#contenido ul, #contenido ol{
color: #ccc;
}
	
/* estilos para POST */
.blog #contenido a {
	color: #f60;
	text-decoration: none;
	}
	.blog #contenido a:hover {
		text-decoration: underline;
		}
.post, .comentarios {
	padding: 2em;
	background: url('style/images/bg_post.png') repeat-x top;
	}		
	.post h2 {
		font-size: 1.2em;
		line-height: 1.4em;
		}
	.post h2 small {
		display: block;
		font: 10px/14px arial, helvetica, sans-serif;
		color: #ccc;
		}
	.post p {
		font: 12px/18px arial, helvetica, sans-serif;
		margin-bottom: 1em;
		}
	.post ul, .post ol {
		font: normal 12px/1.4em arial, helvetica sans-serif;
		color: #fff;
		margin: 0 0 1em 2em;
		padding-left: 1em;
		}
	.post ol li {
		list-style: decimal;
		}
	.post ul li {
		list-style: disc;
		}

/* estilos para los comentarios y formularios*/


.comentarios label, #si_contact_form label { 
	font-size: 10px;
	color: ccc;
	}
.comentarios code {
	font-size: 11px;
	}

		
/* estilos para PAGINAS */
#side h2 {
	font: normal 32px/32px "Trebuchet MS", Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	background: url('style/images/bg_li-cat.png') repeat-x bottom;
	color: #fff;
	padding: 0 0 0.5em 20px;
	}
#contenido h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 1.2em;
	}
#contenido p {
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 1em;
	}
	
	/* fondo de pagina La Agencia */
	.especial {
		background: url('style/images/bg_espacial.png') no-repeat right top;
		padding: 0 230px 195px 0;
		}

/* Estilos para los portfolios */

.pub, .ico, .wma, .mpr 				{ border-bottom: 5px solid #ccc; font-family: Arial; }
	.pub 							{ border-bottom-color: #FFCC00; }
		.pub #contenido #side h2,
		.pub #contenido a,
		.pubs #sub a,
		.pubs .doble h2,
		.pubs #sub strong			{ color: #FFCC00; }
		
	.ico 							{ border-bottom-color: #F29400; }
		.ico #contenido #side h2,
		.ico #contenido a,
		.icos #sub a,
		.icos .doble h2,
		.icos #sub strong			{ color: #F29400; }
		
	.wma 							{ border-bottom-color: #E53517; }
		.wma #contenido #side h2,
		.wma #contenido a,
		.wmas #sub a,
		.wmas .doble h2,
		.wmas #sub strong			{ color: #E53517; }
		
	.mpr 							{ border-bottom-color: #E85252; }
		.mpr #contenido #side h2,
		.mpr #contenido a,
		.mprs #sub a,
		.mprs .doble h2,
		.mprs #sub strong			{ color: #E85252; }

/* Minimenu debajo de los titulares de portfolio */

#contenido ul.minimenu {
	padding-left: 15px;
	padding-bottom: 10px;
	margin: -12px 0 0 0;
	overflow: hidden;
	background:url("style/images/bg_li-cat.png") repeat-x scroll center bottom;
	}

.minimenu li {
	float: left;
	width: 30px;
	margin-right: 10px;
	}

.minimenu li a {
	text-indent:-99999px;
	display: block;
	height: 30px;
	}

/* botones minimenu */

.minimenu .page-item-17 a {background: url(style/images/minimenu.png) no-repeat 0 0; outline: none; }
.minimenu .page-item-17 a:hover,
.minimenu .page-item-17.current_page_item a{background: url(style/images/minimenu.png) no-repeat 0 -30px; outline: none;}

.minimenu .page-item-13 a {background: url(style/images/minimenu.png) no-repeat -30px 0;}
.minimenu .page-item-13 a:hover,
.minimenu .page-item-13.current_page_item a{background: url(style/images/minimenu.png) no-repeat -30px -30px; outline: none;}

.minimenu .page-item-19 a {background: url(style/images/minimenu.png) no-repeat -60px 0;}
.minimenu .page-item-19 a:hover,
.minimenu .page-item-19.current_page_item a{background: url(style/images/minimenu.png) no-repeat -60px -30px; outline: none;}

.minimenu .page-item-15 a {background: url(style/images/minimenu.png) no-repeat -90px 0;}
.minimenu .page-item-15 a:hover,
.minimenu .page-item-15.current_page_item a{background: url(style/images/minimenu.png) no-repeat -90px -30px; outline: none;}

.minimenu .current_page_item { background-color: transparent; }


#sub #zocalo {
	float: right;
	font-family: Arial;
	font-size: 12px;
	}
	#sub #zocalo h2 {
		font-size: 16px;
		}
#sub .doble {
		background: url('style/images/bg_ppal.png') repeat-y right;
		float: left;
		width: 652px;
		margin-right: 15px;
		padding: 15px 15px 25px;
		}


/* Pie */
#pie {padding: 30px 0px; }
	#pie p {
		font: 11px/14px Arial, Helvetica, sans-serif;
		color:#000;
		}


/* CARROUSEL DE LOGOS DE IMAGEN CORPORATIVA */


.slide-logos {
	width:270px!important;
	height:99px;
	padding:0;
	position:relative;
	margin:0 auto;
        top:36px;
        border:solid 4px #555;
}