/*
      Created by Keith Donegan of Code-Sucks.com

          E-Mail: Keithdonegan@gmail.com

          You can do whatever you want with these layouts,
          but it would be greatly appreciated if you gave a link
          back to http://www.code-sucks.com

*/


/* Estructura */
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9pt;
}

#header0 {
  width: 100%;
  background: #fff;
  height: 70px;  
}

#header0_content {
        margin: 0 auto;
        width: 980px;
        font-size: 8pt;
        border: 0px dotted #000;
}

#header0_content .menu{
				margin: 0px;
                padding: 10px;
				padding-left:18px;
                width: 150px;
			   
      
}

#header0_content .frases{
                font-size: 8pt;
                border: 0px solid #0000FF;
                float: left;
                margin: 0px;
                padding: 0px;
                padding-top: 10px;
                width: 450px;
                text-align: left;
                color:#808080;
				font-style: italic;

}

#header0_content .buscador
{
  float:left;
  padding-left:100px;
  width:200px;
  border: 0px solid #00FF00;
}

#header0_content .telefono
{
  float:left;
  padding-left:0px;
  padding-top: 8px;
  width:200px;
  border: 0px solid #00FF00; 
  text-align: right;
}

#header0_content .telefono h1{
	
  font-family: Arial, Helvetica, Times New Roman, sans-serif;
  font-size: 20pt;
  font-weight: bold;
  color: #FF6600;
  

}



#header0_content #buscador_input
{
     background-image:url('../images/buscador.png');
     background-position:left top;
     background-repeat:no-repeat;
     width:180px;
     height:30px;
     padding: 5px 5px 5px 45px;

}

#header0_content #buscador_input input
{
     background:transparent;
     border:0px;
     width:100px;
}

#header0_content .idiomas{
                font-size: 8pt;
                border: 0px solid #0000FF;
                float: left;
                margin: 0px;
                padding: 0px;
                padding-top: 10px;
                width: 350px;
                text-align: center;
                color:#808080;

}

#header0_content .idiomas td{

}

.login_web{
                margin: 0px;
                padding: 0px;
                padding-top: 5px;
                border: 0px solid #00FF00;
                color:#808080;
                margin-top:10px;
                width:250px;

}

.login_web #form_login
{
     background-image:url('images/login.png');
     background-repeat:no-repeat;
     padding:20px;
     border: 0px solid #ff0000;
     height:200px;
     width:230px;
     color:#fff;
}

.login_web #form_login a
{
     color:#000;
}

.login_web #form_login .i2
{
     color:#fff;
     border: 2px solid #fff;
     height:22px;
     width:175px;
     background:transparent;
     padding-left:3px;
     padding-top:3px;
}



#header {
  color: #fff;
  width: 100%;
  background: #000;
}

#header_content {
        margin: 0 auto;
        width: 980px;
        padding: 0px;
        height: 220px;
}

#header_content .hcleft {
  clear:both;
  float:left;
}
#header_content .hcright{
  float:right;
}

#menu {
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 20px;
 margin: 0 auto;
 width: 980px;
 clear:both;

}

#wrapper {
 margin: 0 auto;
 width: 980px;
}

#leftcolumn_contenido {
 background: #FFF;
 padding-bottom:40px;
 margin: 0px 0px 0px 0px;
 padding-right: 20px;
 letter-spacing: 0;
 text-align: justify;
 word-spacing: normal;
 color: #444;
 background-color: #fff;
 width: 320px;
 float: left;

}

#rightcolumn_contenido {
 background: #FFF;
 float: right;
 color: #444;
 background-color: #FFF;
 margin: 0px 0px 0px 0px;
 padding-bottom:20px;
 padding-right: 20px;
 letter-spacing: 0;
 text-align: justify;
 word-spacing: normal;

 width: 320px;
 display: inline;
 position: relative;

}

#leftcolumn {
 background: #F2F2E6;
 padding-bottom:0px;
 margin: 0px 0px 0px 0px;
 width: 700px;
 float: left;
 padding-right: 20px;
 letter-spacing: 0;
 text-align: left;
 word-spacing: normal;
 color: #444;
 background-color: #fff;

}
#rightcolumn {
 float: right;
 color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;

 width: 230px;
 display: inline;
 position: relative;
}

#footer {
        width: 100%;
        clear: both;
        background-color: #202020;
        margin: 0 auto;
        color: #ffffff;

}


#footer_content {
    margin: 0 auto;
    width: 980px;
    padding: 20px;
    font-size: 8pt;
        height: 160px;

}

#footer_content_l {
 width: 250px;
 float: left;
 text-align: left;
 		

}


#footer_content_r {
 width: 700px;
 float: right;
  text-align: left;

}

#footer_content_r  #sitemap ul {
        list-style:none;
        margin:8px 0 12px 0;
        padding:17px 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;

}

#footer_content_r   #sitemap ul{
        list-style:none;
        margin:0;
        padding:0;
}

#footer_content_r  #sitemap li{
        background:none;
        display:inline;
        float:left;
        font-weight:bold;
        font-size:8pt;
        margin:0 20px 20px 0;
        padding:0;
        width:150px;
		
}


#footer_content_r   #sitemap li a{
        color:#FFF;
        font-weight:bold;
		
	
}

#footer_content_r  #sitemap li a:hover{
        color: #0D9EC3;
}

#footer_content_r   #sitemap li li{float:none; display:block; font-size:8pt; margin:0; }

#footer_content_r  #sitemap li li a{color:#FFF; font-weight:normal; font-size:8pt;}

/* Mapa Web */

#mapa_content_r {
 width: 100%;
 float: right;


}

#mapa_content_r  #mapaweb ul {
        list-style:none;
        margin:8px 0 12px 0;
        padding:17px 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;

}

#mapa_content_r   #mapaweb ul{
        list-style:none;
        margin:0;
        padding:0;
}

#mapa_content_r  #mapaweb li{
        background:none;
        display:inline;
        float:left;
        /*font-weight:bold;*/
        font-size:9pt;
        margin:0 20px 20px 0;
        padding:0;
        width:150px;
}


#mapa_content_r   #mapaweb li a{
        color:#000;
        font-weight:bold;
}

#mapa_content_r   #mapaweb li li{float:none; display:block; font-size:9pt; margin:0; }

#mapa_content_r  #mapaweb li li a{color:#000; font-weight:normal; }


/* Formato de textos */
h1,h2,h3 {
        font-family: Arial, Helvetica, Times New Roman, sans-serif;
        font-size: 20pt;
        font-weight: normal;
}
h1 {
        color: #AAAAAA;
}
h2 {
        color: #FF6600;
        line-height: 160%;
}
h3 {
        color: #0D9EC3;
}

h4 {
    font-family: Arial, Times New Roman, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: #0D9EC3;
        text-align: left;
}

h5 {
    font-family: Arial, Times New Roman, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: #FF6600;
        text-align: left;
}

a {
        text-decoration: none;
        color: #000;
}

a:hover {
        color: #0D9EC3;
}

table{
    font-size:9pt;
    font-family: Arial,Helvetica,sans-serif;
}


#contenido
{
   line-height:150%;
   margin:0px;
}

#contenido h1
{
   margin-bottom:20px;
   margin-top:20px;
}

#contenido p
{
   margin-bottom:20px;
}


/* Menu y submenu */
#activo_menu {
                color: #FF6600;
}

#activo_submenu {
                color: #0D9EC3;
}


#menu { background-color:#000; }
#menu ul { list-style:none; display:block; margin:0px;padding:0px; }
#menu li { color:#fff;  display:inline; font-size:10pt; line-height:30px; padding:10px;background-image:url('../images/sep.png'); background-repeat:no-repeat; padding-left:30px;}
#menu li a {font-weight:bold;color:#fff;}
#menu li a:hover {font-weight:bold;color:#0D9EC3;}
#menu .first {padding-left:0px;background-image:none;}
#menu .sep {width:20px; background-repeat:no-repeat; background-position-y:bottom}


#div_submenu
{
  width:100%;
  height:55px;
  text-align:center;
  background-image:url('../images/fondo_submenu2.png');
}

#submenu {
 text-align:left;
 padding: 10px;
 height: 20px;
 width: 980px;
 margin: 0 auto;
}
#submenu ul { list-style:none; display:block; margin:0px;padding:0px; }
#submenu li { color:#fff;  display:inline; font-size:10pt; line-height:25px; padding:0px; padding-left:20px;}
#submenu li a {font-weight:bold;color:#505050;}
#submenu li a:hover {font-weight:bold;color:#0D9EC3;}
#submenu .first {padding-left:0px;background-image:none;}


.pieimagen {font-size:8pt;text-align:center;}

#estilo_frase {
        font-family: Times New Roman, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #808080;
    font-style: italic;
}

#cont_frase {

 width:205px;
 padding:18px;
 margin-top:30px;
 padding-top:30px;
 background-repeat:no-repeat;
 background-image:url('images/frase.png');
 text-align: justify;

}






#tools {
  background-image:url('images/fdo_tools.png');
  background-position:left top;
  background-repeat:no-repeat;
  height:300px;
  padding-top:50px;
  clear:both;

}

#tools h4{
  font-size:13px;

}




#clientes
{
  /*clear:both;*/
  float: left; /* anyadido para que los logos no se salgan de este div */  
}

#clientes #cliente
{  
  float:left; 
  height: 60px;
  margin-right:15px;
  margin-left:0px;
  padding-bottom:30px;    
}


#content_home
{
  width:208px;
  height:270px;
  float:left;
  padding-right:25px;
}


