/*
Theme Name: Ruz Abogados
Theme URI: www.ruz.cl
Description: Abogados, Chile, Latino America
Version: 0.1
Author: Tu Padre Ltda. / Sebastian Jeria
Author URI: http://www.tupadre.cl
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* ---Estilos Web--- */

body {
	text-align: center;
	background: #fff url(images/background.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#wrap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/* ---Estilos Textos--- */

p {
	color: #333;
	font-size: 13px;
	line-height: 150%;
	text-align: left;
	padding-bottom: 10px;
}

a {
	text-decoration: none;
	color: #007ed7;
}

h1 {
	color: #666;
	font-size: 20px;
	line-height: 110%;
	text-align: left;
	padding-bottom: 10px;
}

h2 {
	color: #666;
	font-size: 18px;
	line-height: 110%;
	text-align: left;
	padding-bottom: 5px;
}

h3 {
	color: #007ed7;
	font-size: 16px;
	line-height: 110%;
	text-align: left;
	padding-bottom: 10px;
}

/* ---Estilos Fonts--- */

@font-face {
	font-family: "FF_DIN_Light";
	src: url(fonts/FF_DIN_Light.otf);
	src: url('fonts/ff_din_light-webfont.eot');
	src: local('☺'), url('fonts/ff_din_light-webfont.woff') format('woff'), url('fonts/ff_din_light-webfont.ttf') format('truetype'), url('fonts/ff_din_light-webfont.svg') format('svg');
}

/* ---Estilos Clases--- */

.titulo {
	font-size: 58px;
}

.titulo_contacto {
	font-size: 48px;
}

/* ---Estilos Header--- */

#header {
	width: 1000px;
	float: left;
	background: url(images/back_header.jpg) repeat-y;
}

#logo {
	float: left;
	width: 180px;
	height: 150px;
	margin-left: 1px;
}

#menu {
	width: 800px;
	height: 50px;
	float: left;
	padding: 100px 19px 0 0;
}

#menu ul {
	float: right;
}

#menu ul li {
	float: left;
	border-right: 1px solid #333;
	padding: 0 5px;
}

#menu ul li a {
	font-size: 16px;
	color: #333;
	text-decoration: none;
	padding: 0 5px;
}

#menu ul li a:hover, #menu ul li.current_page_item a {
	color: #ccc;
}

#slider {
	width: 1000px;
	height: 470px;
	float: left;
	background-image: url(images/back_slider.jpg);
}

/* ---Estilos Slider--- */

#slider1 {
    width: 1000px; /* important to be same as image width */
    height: 470px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden;
	float: left;
	background-image: url(images/banner/back.jpg);
}

#slider1Content {
    width: 1000px; /* important to be same as image width or wider */
	top: 0;
	margin-left: 0;
}

.slider1Image {
    float: left;
	display: none;
}

.clear {
	clear: both;
	width: 470px;
}

ul { 
	list-style-type: none;
}

/* ---Estilos Content--- */

#content {
	float: left;
	width: 960px;
	background: url(images/back_slider.jpg) no-repeat;
	padding: 70px 20px 70px;
}

#content_inicio {
	float: left;
	width: 960px;
	padding: 20px;
}

.loop {
	width: 960px;
	float: left;
}

.loop_equipo {
	float: left;
	width: 300px;
	padding: 0 10px;
}

.loop_contacto {
	width: 470px;
	padding-left: 10px;
	float: right;
}

/* ---Estilos Sidebar--- */

#sidebar {
	float: left;
	width: 470px;
	padding-right: 10px;
}

/* ---Estilos Footer--- */

#footer {
	width: 960px;
	padding: 10px 20px;
	float: left;
	border-top: 1px solid #ccc;
	margin-top: 10px;
}

#footer p {
	text-align: center;
}

/* ---Estilos Formulario--- */

.form1 {
	padding: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 460px;
	border: 1px solid #ccc;
}

.form2 {
	padding: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 460px;
	border: 1px solid #ccc;
}

.btn {
	padding: 5px;
	margin-top: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
}