@charset "utf-8";
@import url("reset.css");
/************************************
ROCKIRON
URL: www.rockiron.es
AUTHOR: manu leyman
DATE: 1 Jan, 2020
REVISION: 1.0
DESCRIPTION: Estilos generales.
************************************/



/* Estilos generales -------------------------------------------------------------------------------------------------------------- */
body 		{background-color:#1a1c21;}
html 		{font-size: 1em;   -webkit-text-size-adjust: 1em;   -ms-text-size-adjust: 1em;}
h1   		{font-size: 3em;   padding-top: 0.25em; padding-bottom: 0.25em;    color:#f2f2f2;}
h2   		{font-size: 2.5em; padding-top: 0.25em; padding-bottom: 0.25em; color:#F2F2F2;}
h3   		{font-size: 2em;   padding-top: 0.25em; padding-bottom: 0.25em; color:#F2F2F2;}
h4   		{font-size: 1.5em; padding-top: 0.3em;  padding-bottom: 0.3em;  color:#F2F2F2;}
p    		{font-size: 1em;   line-height:1em;}
a	 		{text-decoration:none; outline:none;}


/* fuentes */
.ft01  {font-family:'bahnschriftregular';}
.ft02  {font-family:'holidayfreeregular';}
.ft03  {font-family:'quentinregular';}
/* colores */
.blc   {color: #F2F2F2;}
.amr   {color: #F2BC57;}
.vr1   {color: #31403C;}
.vr2   {color: #6C7355;}
.vr3   {color: #A4A67B;}
.ngr   {color: #1a1c21;}
.grs   {color: #3D3E40;}
.mix1    {}
.mix2    {}
.mix3    {background-image: linear-gradient(90deg,#6c7355 50%,#31403C 50%);} 
/* bloques */
.cl1200   {width: 1200px;}
.cl900    {width: 900px;}
.cl600    {width: 600px;}
.cl300    {width: 300px;}
.cl150    {width: 150px;}
/* atributos */
.izquierda  {float: left;}
.derecha    {float: right;}
.centrado   {margin-left: auto; margin-right: auto;}
.clear      {}
.supmain    {height: 1450px; margin-left: auto; margin-right: auto; background-position: center top;}
.infmain    {height: 700px;  margin-left: auto; margin-right: auto; background-position: center top;}
/* fondos */
.fnd01    {background-image: url("../img/fondos/fondo_home.jpg");}
.fnd02    {background-image: url("../img/fondos/fondo_team.jpg");}
.fnd03    {background-image: url("../img/fondos/fondo_contact.jpg");}
.fnd04    {background-image: url("../img/fondos/fondo_01.jpg");}
.fnd05    {background-image: url("../img/fondos/fondo_02.jpg");}
.fnd06    {background-image: url("../img/fondos/fondo_03.jpg");}
.fnd07    {background-image: url("../img/logo_K.png");}
/* imagenes */
.img00    {background-repeat:no-repeat; background-image: url("../img/fondo_logoGR.png");}
.img01    {background-repeat:no-repeat; background-image: url("../img/placa/01.png");}
.img02    {background-repeat:no-repeat; background-image: url("../img/placa/02.png");}
.img03    {background-repeat:no-repeat; background-image: url("../img/placa/03.png");}
.img04    {background-repeat:no-repeat; background-image: url("../img/placa/04.png");}
.img05    {background-repeat:no-repeat; background-image: url("../img/placa/05.png");}
.img06    {background-repeat:no-repeat; background-image: url("../img/placa/06.png");}
.img07    {background-repeat:no-repeat; background-image: url("../img/placa/07.png");}
.img08    {background-repeat:no-repeat; background-image: url("../img/placa/08.png");}
.img09    {background-repeat:no-repeat; background-image: url("../img/placa/09.png");}
.img10    {background-repeat:no-repeat; background-image: url("../img/placa/10.png");}

/* SECTORES */
#top      {height: 46px; background: #1a1c21;border-top-width: 4px; border-top-style: groove; border-top-color: #6C7355;}
#cabecera {height: 300px;}
#cuerpo   {height: 1100px;}
#faldon   {height: 650px;}
#pie      {height: 50px;}
/* clases top */
.top      {height: 46px;}
.geo      {font-size: 1.2em; color: #F2BC57; padding-top: 16px;}
.tel      {font-size: 1.2em; color: #A4A67B; padding-top: 16px;}
/* clases cabecera */
.logo01   {height: 300px;background-position: 130px center;}
.logo02   {height: 300px; background-position: 80px center;} 
.logo03   {height: 300px; background-position: 60px center;}
.menu     {height: 230px; padding-top: 70px;}
/* clases cuerpo IZ */
.bloqueA  {height: 1100px;}
.slogan01 {height: 700px; background-position: left bottom;}
.slogan02 {height: 700px;}
.slogan03 {height: 700px; background-position: 45px 60px;}
.cajon01  {height: 400px;}
.cajon03  {height: 400px;}
.cajon04  {height: 380px;padding-right: 20px;text-align: right;font-size: 2.5em; color: #F2F2F2;}

/* clases cuerpo DR */
.bloqueB  {height: 1100px;}
.firma01  {height: 660px; text-align: right; padding-top: 40px;}
.firma02  {height: 450px; text-align: right; padding-top: 250px;}
.firma02  {background-position: right  60px;}
.firma03  {height: 300px; text-align: right; padding-top: 200px;}
.firma03  {background-position: right  60px;}
.foto01   {height: 400px;}
.foto02   {height: 400px;}
/* formulario */
.form      {height: 600px;}
/* swich */
.swich li    {height: 180px; width: 150px; overflow: hidden;}
.swich li a  {height: 110px; display: block; line-height:3000px;}
.btup1       {background-image: url("../img/boton_up.png");background-repeat: no-repeat;}
.btup1:hover {background-image: url("../img/boton_ok.png");background-repeat: no-repeat;}
.btup2       {background-image: url("../img/boton_two.png");background-repeat: no-repeat;}
.btup2:hover {background-image: url("../img/boton_ok.png");background-repeat: no-repeat;}
/* faldonC */
.bloqueC  {height: 650px;}
.fraseA   {height: 200px; background-position: 170px 20px;}
.fraseB   {height: 280px; background-position: 320px 100px;}
.fraseC   {height: 200px; background-position: 320px 20px;}
.fraseD   {height: 280px; background-position: 320px 100px;}
.clearIZ  {height: 170px;}
/* faldonD */
.bloqueD  {height: 650px;}
.cajon02  {height: 200px;}
.enlaces  {height: 280px; background-position: right bottom; background-repeat: no-repeat;}

.enlaces ul         {padding-top: 100px; padding-left: 20px;}
.enlaces li a       {color: #f2f2f2; font-size: 1.5em;line-height: 33px;}
.enlaces li a:link  {overflow: hidden; text-decoration: none;}
.enlaces li a:hover {color: #1a1c21; background-color: #F2BC57;}
.clearDR  {height: 170px;}

/* pie */
.pie    {height: 30px; padding-left: 310px; padding-top: 20px; font-size: 1.2em;}