/*  ==  Cuerpo y Cabeceras  ==  */
html{
  overflow:             hidden;
  font:                 13px ZeroHour, verdana, arial;
  font-style:           italic;
}
body{
  margin:               0px;
  padding:              0px;
  background-color:     #000000;
  overflow:             hidden;
  background:           #000000 url("../img/backgrounds/fondo.jpg") no-repeat;
}
.imagen-mairulan{
  /*position:             absolute;*/
  top:                  0px;
  left:                 0px;
/*  border-right:         2px solid blue;
  border-bottom:        2px solid blue;
  background:           #DDDDDD;*/
}
.boton-inicio{
  position:             absolute;
  bottom:               20px;
  left:                 20px;
  *width:               50px;    
  cursor:               pointer;
}
.clickable
{
  cursor: pointer;
}
/*  ==  Fuentes  ==  */
@font-face {
    font-family: Ogirema;
    src: url("../fonts/Ogirema.ttf");
}
@font-face {
 font-family: ZeroHour;
 src: url("../fonts/ZeroHour.eot") /* EOT file for IE */
}
@font-face {
 font-family: ZeroHour;
 src: url("../fonts/ZeroHour.ttf") /* TTF file for CSS3 browsers */
}
/*  ==  Generales  =-  */
h1{
  padding:              20px;
  margin:               20px;
  margin-top:           10px;
  width:                39%;
  background:           #FFFFFF;
  text-align:           center;
  border:               1px solid #AAAAAA;
		  -moz-box-shadow: 3px 3px 4px #000;
		  -webkit-box-shadow: 3px 3px 4px #000;		
		  box-shadow: 3px 3px 4px #000;		
  -moz-border-radius:       10px;
  -webkit-border-radius:    10px;
  border-radius:            10px;
  behavior:                 url("border-radius.htc");
}

/*  ==  Menu de Idioma  ==  */
.lang{
  margin:             0px;
  margin-right:       1%;
  padding:            0px;
  *padding-top:       1%;
  float:              right;
  line-height:        2px;
  color:              #FFFFFF;
  font:               15px Ogirema, verdana, arial;
  *font:               15px verdana, arial;
  cursor:             pointer;
  
  display:            none;
}
.lang ul{
  list-style:         none;
}
.lang ul li{
  display:            inline;
}
.lang ul li a{
  color:              #FFFFFF;
  text-decoration:    none;
  font-weight:        normal;
}
.lang_sel{
  font-weight:        bold !important;
}

/*  ==  Menu de Navegación  ==  */
.navegation{
  position:           absolute;
  margin:             0px;
  padding:            0px;
  top:                0px;
  left:               0px;
  font:               11px ZeroHour, verdana, arial;
  font-style:         italic;
  line-height:        30px;
  color:              #000000;
}
.navegation ul{
  margin:             0px;
  padding:            0px;
  list-style:         none;
}
.navegation ul li{
  display:            inline;
  padding-top:        0px;
  padding-left:       5px;
  padding-right:      5px;
  background-image:   url("../img/navegation-bg.png");
  float:              left;
  font-weight:        bold;
  cursor:             pointer;
}
.navegation ul li a{
  color:              #444444;
}
.navegation ul li a:hover{
  color:              #000000;
}
.navegation_sel{
  color:              blue !important;
}
.navegation img{
  float:              left;
  width:              35px;
}

/*  ==  Menu de Login  ==  */
.login{
  margin:             0px;
  margin-right:       0px;
  padding:            0px;
  *padding-top:       1%;
  float:              right;
  line-height:        33px;
  color:              #FFFFFF;
  font-weight:        bold;
  display:            none;
}

/*  ==  Ventanas mairulan  ==  */
.cwindow-body{
  background-repeat:    no-repeat;
  background-position:  top center;
  margin:               -6px;
  padding:              0px;
}
#M_body{
  background-image:     url("../img/bg_blue.jpg");
}
#C_body{
  background-image:     url("../img/bg_orang.jpg");
}
#R_body{
  background-image:     url("../img/bg_grey_2.jpg");
}
#S_body{
  background-image:     url("../img/bg_grey.jpg");
}
#D_body{
  background-image:     url("../img/bg_green.jpg");
}
#tres_body{
  background-image:     url("../img/bg_blue.jpg");
}
#W_body{
  background-image:     url("../img/bg_black.jpg");
}
#mairulan, #consultancy, #platform, #security, #net, #development{
  padding:              20px;
  margin-bottom:        40px;
}
#mairulan div, #mairulan form, #consultancy div, #platform div, #security div, #net div, #development div{
  padding:              20px;
  margin:               20px;
  background:           #FFFFFF;
  border:               1px solid #AAAAAA;
		  -moz-box-shadow: 3px 3px 4px #000;
		  -webkit-box-shadow: 3px 3px 4px #000;		
		  box-shadow: 3px 3px 4px #000;		
  opacity:                  0.83;
  -moz-opacity:             0.83;
  filter:                   alpha(opacity=100);
  -moz-border-radius:       10px;
  -webkit-border-radius:    10px;
  border-radius:            10px;
  text-align:               justify;
}

#mairulan div img
{
  width:                    97%;
  border:                   1px solid transparent;
  padding:                  4px;
  -moz-border-radius:       10px;
  -webkit-border-radius:    10px;
  border-radius:            10px;
}
#consultancy div img
{
  border:                   1px solid transparent;
  padding:                  10px;
  -moz-border-radius:       10px;
  -webkit-border-radius:    10px;
  border-radius:            10px;
}

/* == Mairulan == */

.goomap{
  float:                left;
}
.mwhere{
  float:                right;
  font-size:            17px;
  font-weight:          bold;
  color:                blue;
  background:           #FFFFFF;
  text-align:           center;
  padding:              10px;
  margin-top:           70px;
		  -moz-box-shadow: 3px 3px 4px #000;
		  -webkit-box-shadow: 3px 3px 4px #000;		
		  box-shadow: 3px 3px 4px #000;		
  opacity:                  0.73;
  -moz-opacity:             0.73;
  -moz-border-radius:       10px;
  -webkit-border-radius:    10px;
  border-radius:            10px;
}
.mwhere a{
  text-decoration:      none;
}
.mcontact{
  margin-left:          50px;
}


/* == Consultoría Técnica == */

/* == Genericos == */
.w25{
  width:                25%;
}
.w50{
  width:                39%;
}
.w100{
  width:                90%;
}
.f_left{
  float:                left;
}
.f_right{
  float:                right;
}
.p20{
  padding:              20px;
}
.p10{
  padding:              10px;
  padding-top:          0px;
}


/* == Dialogo de localización del manu  */
#firsttime{
  position:             absolute;
  bottom:               0px;
  left:                 110px;
}

/* == Dialogo de recomendacion de actualizar el IE6 */
.ie6-update-fondo{
   position:            absolute;
   z-index:             10;
   display:             visible;  
   background-color:    #ffffff;
   width:               800px;
   height:              300px;
   left:                50%;
   top:                 50%;
   margin-left:         -400px;
   margin-top:          -150px;
   padding:             20px;
}
.ie6-update-cierre{
  float:                right;
}
.ezkutatu{
  display:              none;
}
.w_net img
{
  float:                right;
  margin-left:          10px;
}
.triptico
{
  width:                160px;
  float:                left;
  margin:               30px;
  text-align:           center;
  color:                #FFFFFF;
}

.tablam tr td
{
  width:                50%;
}