/* 
Theme Name: AnimationWorks EN
Theme URL: http://www.animationworks.cl
Description: English Version
Author: Cristian Rebolledo / UvaDesign
Author URI: http://www.uvadesign.cl
Version: 1.0
*/

/*  RESET (por Dejan Cancarevic)http://stylizedweb.com/2008/02/14/10-best-css-hacks/ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, font, img, ins, kbd, em, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/* GENERALES */
body {background: #525252 url(images/bg-body.png) repeat-x top left !important; font-family: Lucida Sans Unicode, Arial, Sans Serif;}
#top-contenedor {width: 960px; margin: 20px auto 0; background: url(images/top-contenedor.png) no-repeat top center; min-height: 80px;}
#contenedor {width: 960px; margin: 0 auto; background: #fff;}
.oculto {display: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clear-max {clear: both; margin:15px 0;}
 
/* HEADER */
#logo { float:left; margin:-70px 25px 0; padding:20px; width:350px;}
#nav {}
#nav ul {list-style-type: none; text-transform: uppercase; font-size: 12px;}
#nav ul li {display: inline; padding: 0 3px;}
#nav ul li a{text-decoration: none; background: #f2852b; padding: 5px 12px;}
#front-image { margin: 0 auto; width: 920px;}

#tabs {	float:right; font-size:11px; line-height:normal; margin-bottom:-3px; overflow:hidden; width:510px; text-transform: uppercase; }
#tabs ul {	margin:0; padding: 45px 0 0; list-style:none; }
#tabs li { display:inline; margin:0; padding:0;	}
#tabs a { float:left; background:url("images/nav-menu-a.png") no-repeat left top; margin:0; padding:0 2px 0 6px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url("images/nav-menu-b.png") no-repeat right top; padding:6px 22px 3px 11px; margin-right:2px; color:#FFF; }
#tabs a:hover span { }
#tabs a:hover {	background-position:0% -25px; }
#tabs a:hover span { background-position:100% -25px;}

#tabs .workshop a{ background:url("images/nav-menu-a-aw.png") no-repeat left top !important; }
#tabs .workshop a span { background:url("images/nav-menu-b-aw.png") no-repeat right top !important;}

/* CONTENIDO */
#contenido {width: 920px; margin: 10px auto; padding: 20px;}
#contenido p {  font-size: 12px; color: #555; line-height: 140%;}
#nosotros-home, #quienes-somos, #proyectos {width: 480px; float: left;}
#nosotros-home h2 {color:#fff; font-size: 18px; height: 25px; padding:7px 5px; letter-spacing: -1px; background: url(images/bg-h2-home.png) no-repeat; margin-bottom:15px;}
#nosotros-home table {border: 1px solid #F78626; padding: 5px;}
#nosotros-home li {color: #FF8238}
#nosotros-home li a { color: #FF8238; }
#nosotros-home li a:hover {color: #999; text-decoration: none;}

#logo-home {margin: 0 0 8px; }
#reel { margin: 30px 5px 0;}
.post img { max-width: 400px; height: auto;}
.more-link {color: #F47509 !important; font-size: 12px;}
 
#separador-home, #separador {background: url(images/separador-home.png) no-repeat center top; width: 5px; min-height: 650px; float: left; display: block; } 
#separador {margin: 15% 17px 0;}
#separador-home {margin: 0 17px;}

#separador-contacto {background: url(images/separador-home.png) no-repeat center top; width: 5px; height: 450px; float: left; display: block; } 


#sidebar, #equipo, #proyectos-anteriores {width: 400px; float: right; }
#sidebar h2 {font-size: 18px; background: url(images/bg-h2.png) no-repeat; height: 35px; color: #fff; padding:7px 5px; letter-spacing: -1px;}
#sidebar h3 {font-size: 16px; color: #F47509; margin-bottom: 10px; letter-spacing: -1px;}
#sidebar h4 {font-size: 14px; color: #666;text-align: center; letter-spacing: -1px; }
#sidebar p img {margin: 10px 0;}
#sidebar a, #sidebar a:visited {color: #666;}
#sidebar a:hover {color: #111;}

.proyectos-anteriores {width: 133px; float: left; }

#quienes-somos h2, #equipo h2, #proyectos h2, #proyectos-anteriores h2 {font-size: 18px; height: 35px; color: #F2852B; margin: 18px 0px 0; letter-spacing: -1px;}
#quienes-somos, #equipo {margin-bottom: 30px;}

#formulario {width: 450px; float: left; margin: 30px 30px 40px; }

#formulario h2, #contacto h3 {margin-bottom: 10px;}
#formulario p { font-size: 12px}

#formulario ul, #formulario ol, #nosotros-home ul {margin-left: 50px; font-size: 12px; color: #555;}
#formulario li, #nosotros-home li {padding: 3px;}

#contacto {float: right; width: 370px; margin: 35px 0;}
#contacto a, #contacto a:visited {color: #F2852B; text-decoration: none;}
#contacto a:hover {color: #CF6A19; text-decoration: underline;}

.lista-proyectos {background: #DFDFDF; border: 1px solid #ccc; margin: 10px 0; padding: 8px 10px; width: 150px; float: left; margin: 10px; text-align: center;}
.lista-proyectos h3 {margin-top: 8px;}
.lista-proyectos img {max-width: 80px; height: auto;}
.lista-proyectos a{font-size: 13px; color: #444;}
.lista-proyectos a:hover{ color: #111;}

.at {font-size: 11px !important; color: #888 !important;}

#idioma {float: right; margin: 12px 30px 0; font-size: 11px; clear: both;}
#idioma a {color: #666;}


#clientes-home {
	width: 300px;
	margin: 0 auto;
	text-align: center;

}

#clientes-home span.jFlowPrev, #clientes-home span.jFlowNext {
	font-size: 11px;
	background: #F98424;
	padding: 1px 4px;
	color: #fff;
	cursor: pointer;
}

/* ALINEAMIENTO IMAGENES */
img.centered, .aligncenter, div.aligncenter { 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;}
.alignright { float: right; }
.alignleft { float: left; }

/* FOOTER */
#footer {clear: both; height: 100px;}
#footer p {font-size: 10px; text-align: center; color: #999; }
#menu-footer {background: url(images/bg-footer.png) no-repeat; width: 920px; margin: 0 auto; height:40px;}
#menu-footer ul{ text-align: center;}
#menu-footer ul li{display: inline; font-size: 11px; text-transform: uppercase; padding: 0 25px;}
#menu-footer ul li a, #menu-footer ul li a:visited {text-decoration: none; color: #555; }
#menu-footer ul li a:hover {text-decoration: underline; color: #fff;}
a.uvadesign {color: #BF2323; text-decoration: none;}
a:hover.uvadesign {color: #333; text-decoration: underline;}