/*   

Theme Name: Quadril 1024
Theme URI: http://quadril.com.ar
Author: Rauto
Author URI: http://fcinco.com.ar
Version: 2.0
Description: CSS básico con arreglos y selectores pre-configurados.

*/

/* @group CSS inicial */

/* Elementos que queremos limpiar completamente: */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: none;
}
html {
	font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 100%;
	overflow-y: scroll;
}
ul {
	list-style: none;
	list-style-type: none;
}
/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
dd, blockquote {
	margin-left: 1em;
}
code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 100%;
	font-family: monaco, "Lucida Console", courier, mono-space;
}
del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 85%;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}
.quadril {
	display: none;
}
h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}
#header h1 {
	text-indent: -9999em;
	background: url(i/logo_Quadril.png) no-repeat left top;
	width: 120px;
	height: 120px;
	display: block;
	margin: 0;
}
#header h1 a {
	width: 133px;
	height: 132px;
	display: block;
}
/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
	color: #ccc;
}

img {
	border: none;
	text-decoration: none;
	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
}
/* BACKGROUNDS */
.about {
	background: url(i/bg_about.jpg) no-repeat center top;
	width: 800px;
	height: 450px;
	display: block;
}
.contact {
	background: url(i/bg_contact.jpg) no-repeat center top;
	width: 800px;
	height: 450px;
	display: block;
}
DIV.txt {
	height:450px;
	margin:0 0 0 400px;
	width:340px;
	background: transparent url(i/bg_transparent_45.png) repeat left top;
}
DIV.txt h2 {
	padding: 40px 44px 0 16px;
	margin: 0;
	font-size: 1.1em;
	color: #ed2224;
	font-weight: bold;
}
a.rojo:link, a.rojo:visited {
	color: #ed2224;
}
a.rojo:hover {
	text-decoration: underline;
}
.ad-gallery .ad-flash-wrapper {
    width: 100%;
    height: 450px;
    background-color: #141414;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
    border: none;
  }
DIV.txt h2.pd100 {
	padding-top: 100px;
}
DIV.txt p {
	padding: 34px 44px 0 16px;
	font-size: 1.3em;
	color: #FFF;
}
DIV.txt p.small {
	font-size: 1em;
	margin-top: 68px;
}
DIV.txt a:link, DIV.txt a:visited {
	color: #FFF;
}
DIV.txt p.pnt {
	padding-top: 0;
}
.grey {
	color: #666;
}
/* NAV */
div#sidebar {
	width: 130px;
	float: right;
}
div#sidebar ul {
	text-align: right;
	width: 142px;
	margin: 30px 0px 0 0;
}
* html div#sidebar ul {
	width: 130px;
}
/* IE 7 and below */      
*:first-child+html div#sidebar ul {
	width: 130px;
}
div#sidebar ul li {
	color: #ed2224;
	font-size: 16px;
	margin: 3px 0;
	height: 20px;
}
div#sidebar ul li.salto1 {
	margin-top: 23px;
}
body#work-detalle div#sidebar ul li.salto1 {
	margin-top: 25px;
}
div#sidebar ul li.salto {
	margin-top: 40px;
}
*:first-child+html div#sidebar ul li.salto1 {
	margin-top: 20px;
}
*:first-child+html body#work-detalle div#sidebar ul li.salto1 {
	margin-top: 25px;
}
div#sidebar ul li a:link, div#sidebar ul li a:visited, div#sidebar ul li span,
body#work-detalle div#sidebar ul li.slink {
	color: #ed2224;
	padding-right: 15px;
	font-weight: bold;
}
body#work-detalle div#sidebar ul li.slink {
	height: auto;
}
body#work-detalle div#sidebar ul li.wk {
	height: 0px;
	margin: 0;
}
div#sidebar ul li a:hover {
	color: #ed2224;
	font-weight: bold;
	background: url(i/sidebar_hover.gif) no-repeat scroll right center;
}
body#sec-about div#sidebar ul li a#about,
body#sec-work div#sidebar ul li a#work,
body#sec-contact div#sidebar ul li a#contact,
body#work-detalle div#sidebar ul li.slink {
	color: #ed2224;
	font-weight: bold;
	background: url(i/sidebar_hover.gif) no-repeat scroll right center;
}
body#sec-about div#sidebar ul li a#projects,
body#sec-work div#sidebar ul li a#projects,
body#sec-contact div#sidebar ul li a#projects,
body#sec-home div#sidebar ul li a#projects {
	display: none;
}
body#sec-about div#sidebar ul li.slink,
body#sec-work div#sidebar ul li.slink,
body#sec-contact div#sidebar ul li.slink,
body#sec-home div#sidebar ul li.slink,
body#work-detalle div#sidebar ul li a#work {
	display: none;
}
*:first-child+html body#work-detalle div#sidebar ul li.wk {
	height: 0px;
	display: none;
	margin: 0;
}
div#sidebar ul li a.ch:link, div#sidebar ul li a.ch:visited {
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
/* WORKS */
DIV#works {
	width: 100%;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
}
DIV#works ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	-moz-padding-start:0px;
}
body#work-detalle div#works ul {
	/*margin-left: -16px;
	left: -16px;*/
}
DIV#works ul li {
	margin: 0 0px 15px 16px;
	padding: 0;
	display: block;
	float: left;
	width: 188px;
	height: 140px;
}
body#sec-work DIV#works ul li {
	/*background: transparent url(i/bg_li.png) no-repeat left top;*/
}
DIV#works ul li img {
	margin: 0;
	padding: 0;
	width: 188px;
	height: 106px;
	float: left;
	color: #ccc;
}
DIV#works div.name {
	background: #000;
	color: #FFF;
	margin: 0;
	padding: 0;
	width: 188px;
	height: 34px;
	line-height: 32px;
	float: left;
}
DIV#works div.name p {
	margin: 0 0 0 18px;
	padding: 0;
	font-size: .8em;
}
DIV#works a div.name {
	color: #FFF;
}
DIV#works ul li a:link, DIV#works ul li a:visited {
	display: block;
	/*width: 244px;
	height: 180px;*/
	padding: 0;
	margin: 0; 
	border: none; 
	overflow: hidden;
	/*background-color: #141414;*/
}
* html DIV#works ul li a:link, * html DIV#works ul li a:visited {
	overflow: auto;
	/*width: 244px;
	height: 180px;*/
}
body#sec-work DIV#works ul li a:hover {
	/*display: block;*/
	border: 8px solid #ed2224;
}
* html DIV#works ul li a:hover {
	border: none;
}
body#sec-work DIV#works ul li a:hover img {
	margin: -8px;
	margin-bottom: 0;
}
body#sec-work DIV#works a:hover div.name {
	margin: -8px;
	margin-top: 0;
}
* html DIV#works a:hover div.name, * html DIV#works ul li a:hover img {
	margin: -8px;
	margin-top: 0;
	border: 0;
}

/* language */
DIV#language {
	position:absolute;
	top:2px;
	width: 968px;
	height: 22px;
	display: block;
	margin: 0 auto;
}
/* IE 7 and below */      
*:first-child+html DIV#language { 
	height: 17px;
	float: left;
	clear: both;
	width: 730px;
}
DIV#language ul {
	list-style: none;
	text-align: right;
	float: left;
	margin-left: 144px;
}
/* IE 7 and below */      
*:first-child+html DIV#language ul { 
	text-align: left;
	width: 300px;
	margin-left: 24px;
}
DIV#language ul li {
	list-style: none;
	color: #FFF;
	float: left;
	font-size: 12px;
}
DIV#language ul li a {
	list-style: none;
	color: #FFF;
}
/* WORKS DETAILS */
#content h3 {
	font-size: 1em;
	line-height: 24px;
	margin: 0px 0 0 20px;
	margin-left: 0;
	float: left;
}

/* SLIDESHOW HOME  */
#slideshow {
    position:relative;
    height:450px;
    width: 848px;
    float: right;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:24px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#footer p {
	padding-bottom: 16px;
	margin-left: 144px;
	line-height: 24px;
}
/* NAV page work */
.pr-page {
	}
.pr-page .pr-prev {
    display:block;
	height:34px;
	left:-8px;
	position:absolute;
	top:416px;
	width:24px;
    }
.pr-page .pr-nex {
      display: block;
      right: 0px;
      width: 24px;
      height: 34px;
      position: absolute;
      left: 816px;
      top: 416px;
}
a.pg-p {
      cursor: pointer;
      width: 24px;
      height: 34px;
      display: block;
      background: url(i/ad_scroll_back.png) no-repeat 0px -34px;
      text-indent: -9999em;
    }
a.pg-f {
      cursor: pointer;
      display: block;
      width: 24px;
      height: 34px;
      background: url(i/ad_scroll_forward.png) no-repeat 0px -34px;
      text-indent: -9999em;
}
a.pg-p:hover, a.pg-f:hover {
	background-position: 0px 0px;
}
a.out, a.out {
	background-position: 0px 0px;
}
/* Formularios */

label, button {
	cursor:pointer;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/* Clases útiles */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* @end */

/* @group HTML > BODY > WRAPPER */

/*Para empezar un layout centrado:*/

body {
	text-align: center;
	background-color: #141414;
	color: #FFF;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#wrapper {
	margin: 24px auto 0;
	width: 968px;
	text-align: left;
	border-right: 16px solid #141414;
	border-left: 16px solid #141414;
}
#header {
	width: 120px;
	float: left;
	text-align: left;
}
#content {
	width: 840px;
	float: right;
}
body#work #content, body#work-detalle #content, body#sec-about #content, body#sec-contact #content {
	width: 848px;
}
#footer {
	text-align: left;
	color: #666;
	clear: both;
	width: 968px;
	font-size: 11px;
	padding-top: 0px;
	margin: 20px auto 0;
}
body#sec-work #footer {
	margin-top: 4px;
}

/* @end */