/* =TAGS
__________________________________________________ */

/*___ Reset ___*/
* {
	font-size: 1em;
	margin: 0;
	padding: 0 }

/*___ Typography ___*/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.385;;
	color: #444;
	background: url(../img/html_bg.jpg) repeat-y center 0 }
input, textarea, select, button, optgroup, option {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.25 }
pre, code, samp, kbd, var {
	font-family: "Courier New", Courier, monospace }
code, samp, kbd, var {
	line-height: 1 }

h1, h2, h3, h4, h5, h6, p, hr, ul, ol, dl,
table, form, fieldset, address, pre, blockquote {
	margin: 1.385em 0 }

/*___ Headings ___*/
h1 {
	font-size: 3em;
	line-height: 1.385;
	margin-top: 0.462em;
	margin-bottom: 0.462em;
	position: relative;
	top: 0.03em; }
h2 {
	font-size: 2.5em;
	line-height: 1.108;
	margin-top: 0.554em;
	margin-bottom: 0.554em;
	position: relative;
	top: 0.1em; }
h3 {
	font-size: 1.5em;
	line-height: 1.846;
	margin-top: 0.923em;
	margin-bottom: 0.923em;
	position: relative;
	top: 0.22em; }
h4 {
	font-size: 1.2em;
	line-height: 1.154;
	margin-top: 1.154em;
	margin-bottom: 1.154em;
	position: relative;
	top: -0.1em; }
h5 {
	font-size: 1em;
	line-height: 1.385;
	margin-top: 1.385em;
	margin-bottom: 1.385em; }
h6 {
	font-size: 1em;
	line-height: 1.385;
	margin-top: 1.385em;
	margin-bottom: 1.385em; }

/*___ HR ___*/
hr{
	margin-bottom: 1.308em;
	border-width: 0 0 1px;
	border-style: solid;
	height: 0 }

/*___ Lists ___*/
ul, ol, dl {
	padding-left: 2.5em }
li ul, li ol, li dl,
dl ul, dl ol, dl dl {
	margin-top: 0;
	margin-bottom: 0 }
ul {
	list-style-type: square }

/*___ Tables ___*/
table {
	margin-bottom: 1.308em;
	border-collapse: collapse }
td, th {
	padding: 0.308em 0.75em;
	border: 1px solid #999 }
th {
	border: 1px solid #054621;
	color: #FFF;
	background-color: #054621 }

/* Forms */
form div {
	padding: 0.692em 0;
	height: 1.385em }
fieldset {
	padding: 1.308em;
	border: 1px solid }
legend {
	position: absolute;
	margin-top: -2.077em }
input, textarea {
	padding: 0.25em;
	border: 1px solid;
	width: 300px;
	color: #FFF;
	background: #9E9E9E }
label, button {
	display: block }
button {
	margin: 10px auto }

/*___ Markup ___*/
sub, sup {
	font-size: 0.85em;
	position: relative;
	vertical-align: baseline }
sub {
	bottom: -0.4em }
sup {
	top: -0.4em }

/*___ Images and Links ___*/
img {
	border: none }
a {
	color: #015030 }
a:hover {
	color: #306E55 }


/* =LAYOUT
__________________________________________________ */

.wrapper {
	margin: 0 auto;
	width: 930px }
.col_main,
.col_sec {
	float: left;
	overflow: hidden }
.col_main {
	padding: 0 27px 0 45px;
	width: 480px }
.col_sec {
	padding: 0 45px 0 27px;
	border-left: 1px solid #666;
	width: 305px }


/* =HEAD
__________________________________________________ */

#head {
	overflow: hidden;
	height: 480px;
	background: url(../img/head_bg.jpg) repeat-x }
#head .wrapper {
	position: relative }

#head .logo {
	margin: 0;
	height: 355px;
	overflow: hidden;
	background: url(../img/logo_roca_acero.png) no-repeat center 0 }
#head .logo a {
	display: block;
	margin-top: 67px;
	width: 430px;
	height: 118px;
	text-indent: -9999px }

#head .lang_menu {
	position: absolute;
	top: 0;
	right: 0;
	margin: 40px 0 0;
	list-style: none }
#head .lang_menu li {
	float: left;
	margin-left: 10px }
#head .lang_menu li a {
	display: block;
	width: 18px;
	height: 12px;
	text-indent: -9999px;
	background-repeat: no-repeat }
#head .lang_menu .lang_es a {
	background-image: url(../img/lang_es.gif) }
#head .lang_menu .lang_en a {
	background-image: url(../img/lang_en.gif) }

#head .main_menu {
	position: relative;
	top: -180px;
	margin: 0 auto;
	width: 900px }


/* =BODY
__________________________________________________ */

#body {
	padding-bottom: 20px;
	overflow: hidden;
	background: url(../img/body_bg.jpg) repeat-x center bottom }


/* =FOOT
__________________________________________________ */

#foot {
	margin-top: -15px;
	height: 79px;
	overflow: hidden;
	color: #FFF;
	background: url(../img/foot_bg.png) repeat-x center bottom }
#foot p {
	visibility: hidden }


/* =TITLES
__________________________________________________ */

.title_index,
.title_scrap,
.title_quienes,
.title_medio,
.title_servicios,
.title_contacto,
.title_galeria {
	height: 34px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0 }
.title_index {
	background-image: url(../img/title_index.png) }
body.en .title_index {
	background-image: url(../img/title_en_index.png) }
.title_scrap {
	background-image: url(../img/title_scrap.png) }
body.en .title_scrap {
	background-image: url(../img/title_en_scrap.png) }
.title_quienes {
	background-image: url(../img/title_quienes.png) }
body.en .title_quienes {
	background-image: url(../img/title_en_quienes.png) }
.title_medio {
	background-image: url(../img/title_medio.png) }
body.en .title_medio {
	background-image: url(../img/title_en_medio.png) }
.title_servicios {
	background-image: url(../img/title_servicios.png) }
body.en .title_servicios {
	background-image: url(../img/title_en_servicios.png) }
.title_contacto {
	background-image: url(../img/title_contacto.png) }
body.en .title_contacto {
	background-image: url(../img/title_en_contacto.png) }
.title_galeria {
	background-image: url(../img/title_galeria.png) }
body.en .title_galeria {
	background-image: url(../img/title_en_galeria.png) }


/* =TABS
__________________________________________________ */

.tabs_menu {
	position: relative;
	top: 15px;
	float: left;
	padding: 0;
	width: 146px;
	list-style: none }
.tabs_menu li a {
	display: block;
	margin-top: 1px;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	text-decoration: none;
	color: #888;
	background: url(../img/tabs_link.jpg) no-repeat 0 0 }
.tabs_menu li.double a {
	padding-top: 2px;
	padding-bottom: 2px;
	height: 32px;
	line-height: 1.2 }
.tabs_menu li a:hover,
.tabs_menu li.active a {
	color: #030 }
.tabs_menu li.active a {
	background-position: 0 -36px }

.tabs {
	float: left;
	margin-left: -18px;
	width: 352px;
	background: url(../img/tabs_top.png) no-repeat center 0 }
.tab {
	padding: 18px 36px;
	background: url(../img/tabs_bot.png) no-repeat center bottom }


/* =GALLERY
__________________________________________________ */

.gallery {
	border: 1px solid #CCC;
	width: 478px;
	overflow: hidden;
	text-align: center;
	background: url(../img/ajax-loader.gif) no-repeat center center }
.gallery .gallerypic { }
.gallery .thumbs {
	position: relative;
	height: 61px;
	overflow: hidden;
	background: #CCC }
.gallery .thumbs .movil {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px;
	width: 9999px;
	overflow: hidden }
.gallery .width {
	float: left }
.gallery a {
	border: 1px solid #FFF;
	display: inline;
	float: left;
	margin: 1px }
.gallery a:hover {
	border-color: #666 }
.gallery a img {
	width: 50px;
	height: 50px }

.page_galeria .tabs_menu {
	float: none;
	width: auto;
	top: 0 }
.page_galeria .tabs_menu li {
	float: left }
.page_galeria .tabs {
	margin-left: 0;
	width: auto;
	background: none }
.page_galeria .tabs .tab {
	padding: 0;
	background: none }



/* =SOUND
__________________________________________________ */

#sound {
	position: absolute;
	top: 36px;
	right: 65px;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	background: url(../img/sound.png) no-repeat -20px 0 }
#sound.active {
	background-position: 0 0 }


/* =CLASSES
__________________________________________________ */

img.quote {
	display: block;
	margin: 45px auto }
.prices_table {
	text-align: center }
.prices_table table {
	margin:0 auto }