/*  
Theme Name: Independiente
Theme URI: http://www.independiente.cl
Description: Plantilla para Independiente.cl
Version: 3.2
Author: Ignacio Aguirre
Author URI: http://www.soyelnacho.com
*/

/***************************
			MAIN
****************************/
body{ background:#98cb33 url(bitmaps/bodybg.jpg) repeat-x top left; margin:0; padding:0; font-family:"Century Gothic", Georgia, "Times New Roman", Times, serif; }


/***************************
		ESTRUCTURA
****************************/

#contenedor { width:940px; margin:0 auto; position:relative; }

#logo { width:449px; height:129px; float:left; margin:25px 0 15px; }
	#logo h1 a { width:449px; height:129px; display:block; text-indent:-9999px; background:url(bitmaps/logo.png) no-repeat; color:#000; font-size:18px; font-weight:bold; }

#marceloflash { width:224px; height:240px; position:absolute; top:67px; right:25px; z-index:4; }

#contenedormain { width:940px; float:left;  }

#lapaginamain { width:940px; float:left; z-index:2; position:relative; }
#lapaginatop { width:940px; height:65px; background:url(bitmaps/fondoblanco_arriba.jpg); float:left; z-index:2; text-indent:-9999px; }
#lapagina { width:922px; padding-right:18px; float:left; background:url(bitmaps/fondoblanco_bg.jpg) repeat-y; }
#lapaginabottom { width:940px; height:27px; background:url(bitmaps/fondoblanco_abajo.jpg); float:left;text-indent:-9999px; }

#fondolineaabajo { width:900px; height:2px; clear:both; display:bock; margin:0 auto 50px auto; background:url(bitmaps/fondolineaabajo.jpg) repeat-x; }

/*** PAGINAS ***/
#main { width:902px; padding:0 10px; float:left; margin-bottom:20px; }

	#left { width:613px; float:left; }
	#leftcontenido { width:613px; float:left; margin-top:10px; }

	#right { width:289px; float:left; }
 	#sidebar { width:274px; height:294px; padding:0 5px 0 10px; float:left; border-left:#CCC 1px dashed; display:block; margin-top:70px; }

	#pagecontenido { width:902px; float:left; margin-top:10px; }
/***************/



/***********************
		FOOTER
************************/


#footer { width:100%; float:left; height:75px; float:left; background:#000 url(bitmaps/footerbg.jpg) repeat-x; margin-top:50px; border-top:1px solid #A2F756; }

#footer-texto { width:500px; float:right; line-height:25px; color:#CCC; text-align:right; margin-right:30px; margin-top:13px; font-size:14px; }

/***************************
			BOTONERA
****************************/
#botonera { z-index:1; width:650px; position:relative; margin-left:70px; float:left; }

#botonera ul { list-style:none; margin:0; padding:0; }

#botonera ul li { width:138px; height:73px; display:block; float:left; margin-left:-40px; position:inherit; top:69px; font-family:"Century Gothic", Georgia, "Times New Roman"; }

#botonera ul li a { color:#ff4080; font-weight:bold; font-size:12px; text-decoration:none; text-shadow: 0 1px 0 #fff; }

#botonera ul li a.boton1 { position:absolute; top:37px; z-index:1; width:132px; height:58px; background:url(bitmaps/botonerabg.png) no-repeat; text-align:center; padding:15px 6px 0 0;  }
#botonera ul li a.boton2 { position:absolute; top:37px; z-index:1; width:134px; height:58px; background:url(bitmaps/botonerabg.png) no-repeat; text-align:center; padding:15px 4px 0 0;   }
#botonera ul li a.boton3 { position:absolute; top:37px; z-index:1; width:131px; height:58px; background:url(bitmaps/botonerabg.png) no-repeat; text-align:center; padding:15px 7px 0 0;  }
#botonera ul li a.boton4 { position:absolute; top:37px; z-index:1; width:131px; height:58px; background:url(bitmaps/botonerabg.png) no-repeat; text-align:center; padding:15px 7px 0 0;  }
#botonera ul li a.boton5 { position:absolute; top:37px; z-index:1; width:131px; height:58px; background:url(bitmaps/botonerabg.png) no-repeat; text-align:center; padding:15px 7px 0 0;  }
#botonera ul li a.boton6 { position:absolute; top:37px; z-index:1; width:134px; height:58px; background:url(bitmaps/botonerabg.png) no-repeat; text-align:center; padding:15px 4px 0 0;  }


/***************************
			TITULOS
****************************/

.imagentitulo { float:left; }

/*Fondo azul*/
.titulo1main { clear:both; float:left; margin-left:-21px; margin-bottom:20px; height:39px; }
.titulo1left { width:12px; height:49px; float:left; background:url(bitmaps/titulo1-izquierda.png); }
.titulo1 { background:url(bitmaps/titulo1bg.jpg) repeat-x; display:block; float:left; height:39px; padding:10px 20px 0 15px; color:#FFF; margin:0; font-size:14px; font-weight:bold; text-shadow:0 1px 0 #333;  }
.titulo1right { width:25px; height:49px; float:left; background:url(bitmaps/titulo1-derecha.jpg); }

.titulo2main { clear:both; float:left; margin-left:-21px; margin-bottom:20px; height:39px; }
.titulo2left { width:12px; height:49px; float:left; background:url(bitmaps/titulo2-izquierda.png); }
.titulo2 { background:url(bitmaps/titulo2bg.jpg) repeat-x; display:block; float:left; height:39px; padding:10px 20px 0 15px; color:#FFF; margin:0; font-size:14px; font-weight:bold; text-shadow:0 1px 0 #333;  }
.titulo2right { width:25px; height:49px; float:left; background:url(bitmaps/titulo2-derecha.jpg); }

.tituloproyectosmain { clear:both; float:left; margin-left:-22px; margin-bottom:25px; height:39px; }
.tituloproyectos { background:url(bitmaps/titulo1bg.jpg) repeat-x; display:block; float:left; height:39px; padding:10px 255px 0; color:#FFF; margin:0; font-size:14px; font-weight:bold; text-shadow:0 1px 0 #333;  }

.titulosinglemain { clear:both; float:left; margin-left:-41px; margin-bottom:3px; height:39px;  width:900px; }
.titulosingle { background:url(bitmaps/titulosinglebg.jpg) repeat-x; display:block; float:left; height:39px; padding:10px 20px 0 30px; color:#FFF; margin:0; font-size:14px; font-weight:bold; text-shadow:0 1px 0 #333;  }


.footertitulo {  width:190px; color:#056dce; font-size:18px; font-weight:bold; background:url(bitmaps/footertitulobg.jpg) repeat-x bottom; padding:3px 25px 12px 5px; text-shadow:0 1px 0 #bbb; }


/***************************
			INICIO
****************************/

#iniciotop-b { width:788px; height:228px; margin:0 auto; position:relative; overflow:hidden; }
#parallax-1 { background:url(bitmaps/parallax1.png); width:189px; height:208px; float:left; }
#parallax-2 { background:url(bitmaps/parallax2.png); width:436px; height:154px; float:left; }
#parallax-3 { background:url(bitmaps/parallax3.png); width:629px; height:140px; float:left; }

#iniciotop-a { background:url(bitmaps/inicio_top.jpg); display:block; width:788px; height:27px; margin:0 auto 30px; text-indent:-9999px; }

#iniciocontenido { width:902px; float:left; margin-top:10px; }
	#iniciotexto { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color:#98cb33; width:892px; margin-left:10px; display:block; float:left; line-height:24px; letter-spacing:5px; line-height:30px; margin-bottom:50px; }
	#iniciotexto a { text-decoration:none; color:#98cb33; }
	#iniciotexto a:hover { color:#999933; }
		
#inicioclientes { width:900px; float:left; margin-top:50px; }
	#inicioclientescontenido { width:704px; height:96px; margin-left:91px; display:block; float:left; }


	



/***************************
		  SIDEBAR
****************************/

	/*** QUOTES ***/
	blockquote p { margin-bottom: 10px; font-style: italic; font-size:13px; }
	blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 11px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }
	
	blockquote { font-family: Georgia, Times, serif; width: 160px; margin: 0 auto; }
	
	#quote_wrap { background: #fbffec url(bitmaps/quote-mark.png) no-repeat 20px 20px; margin:5px 0 0; padding:20px 0px 25px 37px; border:2px solid #98CB33; }


/***************************
		  TEXTOS
****************************/
span.independiente { color:#999933; }
.pagetexto { width:574px; padding:0 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#333; clear:both; line-height:20px; text-align:justify; float:left; }
.pagetexto a { color:#333; text-decoration:underline; }
.pagetexto a:hover { color:#ff3399; }
.pagetexto a:active { color:#ff3399; font-weight:bold; }
.pagetexto a:visited { color:#F99; }

.pagetexto-ancho { width:862px; padding:0 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#333; clear:both; line-height:20px; text-align:justify; float:left; }
.pagetexto-ancho a { color:#333; text-decoration:underline; }
.pagetexto-ancho a:hover { color:#ff3399; }
.pagetexto-ancho a:active { color:#ff3399; font-weight:bold; }
.pagetexto-ancho a:visited { color:#F99; }

/***************************
		  SERVICIOS
****************************/
ul#servicios { padding-left: 10px; list-style: none; }
ul#servicios li  { padding-left: 40px; background:#ffffcc url("bitmaps/flecha_derecha.png") no-repeat; background-position: 0 2px; border:#000 1px solid; height:30px; width:94%; margin-bottom:5px; padding-top:7px; }
ul#servicios li:hover  { background:#ffffcc url("bitmaps/flecha_derecha_hover.png") no-repeat; background-position: 0 2px; }


/***************************
		  PROYECTOS
****************************/

.unpost { width:900px; float:left; margin-top:25px; }
.metapost { float:left; color:#98cb33; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; }
.metapost a { color:#98cb33; text-decoration:none; }
.thumb { width:120px; height:140px; background:#98cb33; border:2px solid #f0fdbb; float:left; clear:left; }
.post_content { float:left; font-size:11px; height:140px; margin-left:11px; overflow:hidden; padding:0; width:700px; }
.post_content a { text-decoration:none; color:#069; }


/***************************
		  YO POSTULON
****************************/

form#comentario { width:500px; margin:0 auto; float:left; }
form#comentario label { width:100px; height:20px; float:left; text-align:right; margin-right:10px; }
form#comentario input { width:350px; height:18px; float:left; margin-bottom:10px; background:#2a93a8; border:2px solid #2a93a8; color:#FFC; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px;}
form#comentario input:focus { border:2px solid #ff4080; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:1px 1px 6px #ff4080; -webkit-box-shadow:1px 1px 6px #ff4080; }
form#comentario textarea { width:350px; height:200px; float:left; background:#2a93a8; border:2px solid #2a93a8; color:#FFC; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; }
form#comentario textarea:focus { border:2px solid #ff4080; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:1px 1px 6px #ff4080; -webkit-box-shadow:1px 1px 6px #ff4080; }
form#comentario input[type="submit"] { width:350px; height:26px; margin-left:110px; margin-top:20px; background:#1c798c; border:2px solid #1c798c; color:#FFF; -moz-box-shadow:1px 1px 6px #555; -webkit-box-shadow:1px 1px 6px #555; }

.comentariotitulo { color:#FF4080; float:left; font-size:20px; font-weight:bold; margin-bottom:20px; margin-top:20px; text-align:center; width:544px; text-shadow:1px 1px 3px #555; }


/***************************
		  CONTACTO
****************************/

form.wpcf7-form { width:600px; margin:0 auto; float:left; }
form.wpcf7-form label { width:150px; height:20px; float:left; text-align:right; margin-right:10px; }
form.wpcf7-form input { width:400px; height:18px; float:left; margin-bottom:10px; background:#2a93a8; border:2px solid #2a93a8; color:#FFC; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px;}
form.wpcf7-form input:focus { border:2px solid #ff4080; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:1px 1px 6px #ff4080; -webkit-box-shadow:1px 1px 6px #ff4080; }
form.wpcf7-form textarea { width:400px; height:200px; float:left; background:#2a93a8; border:2px solid #2a93a8; color:#FFC; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; }
form.wpcf7-form textarea:focus { border:2px solid #ff4080; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:1px 1px 6px #ff4080; -webkit-box-shadow:1px 1px 6px #ff4080; }
form.wpcf7-form input[type="submit"] { width:400px; height:26px; margin-left:160px; margin-top:20px; background:#1c798c; border:2px solid #1c798c; color:#FFF; -moz-box-shadow:1px 1px 6px #555; -webkit-box-shadow:1px 1px 6px #555; }





/***************************
    PAGINACION PROYECTOS
****************************/
.wp-pagenavi { float:left; margin:55px 0 0 260px; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px;  margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;	}
.wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none;	border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;	}
.wp-pagenavi a:hover { border: 1px solid #000000; color: #000000; background-color: #FFFFFF; }
.wp-pagenavi a:active { padding: 2px 4px 2px 4px;  margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;	}
.wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000;  background-color: #FFFFFF; }
.wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; }



/***************************
     IMAGENES Y OTROS
****************************/
a img {border:none; }
clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {height:1%;}
.clearfix {display:block;}
object { outline:none; }


img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
	
	
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* caption styling */
.caption-top, .caption-bottom { color: #ffffff;	 padding: 1.2em; font-weight: bold; font-size: 13px; font-family: arial; 	cursor: default; border: 0px solid #334143; background: #000000; }
.caption-top {   border-width: 0px 0px 8px 0px; } .caption-bottom {   border-width: 0 0px 0px 0px; }
.caption a, .caption a { border: 0 none; text-decoration: none; background: #000000; padding: 0.3em; }
.caption a:hover, .caption a:hover { background: #202020; }
.caption-wrapper { float: left;}
br.c { clear: both; }