/**************************************************************************************
Reset
**************************************************************************************/

*  {
    margin: 0; 
    padding: 0; 
}

html {
    width:100%;
    height:100%;
    margin: 0;
    padding: 0;
    border: 0; 
}

/**************************************************************************************
HTML tags
**************************************************************************************/

@font-face {
    font-family: 'Segoe UI';
    src: url('SEGOEUI.TTF') format('truetype');
}

body
{
	background:#999999 url('../img/bgpage.jpg') repeat;
	font-family: "Segoe UI", Tahoma, Geneva, Arial, sans-serif;
    color:#000000;
}

/**************************************************************************************
Estructura de Página
**************************************************************************************/
.CenterContent
{
    width:960px;
    margin:0px auto;   
}


/**************************************************************************************
Estructura Navegador y Subnavegador
**************************************************************************************/
.Menu
{
    width:100%;
	margin:0;
	background:transparent;
	padding:5px 0px;
	overflow:hidden;
	background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
	border-bottom:1px solid #333;
}

.Menu .logo{
	margin:10px 0px;
	float:left;
}

.Menu .logo img{
	width:60px;
	margin:0px 10px 0px 0px;
	border:0px transparent none;
	float:left;
}

.Menu .logo p
{
    margin:10px 0px;
	font-size:18pt;
	text-decoration:none;
	color:#2C2B2B;
	float:left;
	font-weight:normal;
}

.Menu ul{
	list-style:none;
	float:right;
	margin:20px 0px;
}

.Menu ul li{
	margin:1px 2px;
	float:right;
	padding:1px 7px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
}

.Menu ul li:hover{
	background:#BCBCBC;
    border:1px #333 solid !mportant;
}

.Menu input[type=submit]
{
    font-size:8pt;
    letter-spacing:1px;
    text-decoration:none;
    text-transform:uppercase;
    background:transparent;
    border:0px transparent none;
    padding:7px 5px;
    margin:0;  
    color:#595858;
    outline:0px transparent none;
}

.menuactualsel,
.menuactualsel input[type=submit],
.menuactualsel:hover,
.menuactualsel:hover input[type=submit]{
    cursor:pointer;
	background: #333333; /* old browsers */
	border:1px #333 solid !mportant;
	color:White !important;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
}

.menuactualsel:hover{
	color:#555757 !important;
}

/**************************************************************************************
Contacto
**************************************************************************************/
.formularioEnvio{
    width:100%;
    text-align:left;
    margin:10px 0px;
}

.formularioEnvio input[type=text]{
    padding:5px 7px;
    width:440px;
    margin:5px 10px 5px 10px;
}

.formularioEnvio textarea
{
    padding:5px 7px;
    width:440px;
    margin:5px 10px 5px 10px;
    height:317px;
}

.formularioEnvio span
{
    padding:3px 7px 3px 0px;
    margin:3px 10px 3px 10px;
    width:440px;
    text-align:left !important;
}

.formularioEnvio span b
{
    color:Red;
}

.formularioEnvio input[type=submit]{
    padding:8px 8px;
    width:100px;
    border:0;
    background:transparent;
    margin:8px 3px 8px 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#016B9F), to(#0786C5));
	background: -moz-linear-gradient(top,  #016B9F,  #0786C5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#016B9F', endColorstr='#0786C5');
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
}

.formularioEnvio input:first-child[type=submit]{
    margin:8px 3px 8px 10px;
}

.formularioEnvio input:hover[type=submit]{
    background:#ABACAC;
    color:#444;
    
}
.formularioEnvio input[type=reset]{
    padding:8px 8px;
    width:100px;
    border:0;
    background:transparent;
    margin:8px 3px 8px 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#016B9F), to(#0786C5));
	background: -moz-linear-gradient(top,  #016B9F,  #0786C5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#016B9F', endColorstr='#0786C5');
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
}

.formularioEnvio input:first-child[type=reset]{
    margin:8px 3px 8px 10px;
}

.formularioEnvio input:hover[type=reset]{
    background:#ABACAC;
    color:#444;
    
}
.EnvioDir{
    width:100%;
    margin:10px 0px;
}

.EnvioDir td{
    padding:5px 10px;
}

.EnvioDir td:first-child{
    color:#0786C5;
}

.EnvioDir tr{
    background:transparent;
}

.EnvioDir tr:hover,
.EnvioDir tr:hover *{
    /*background:#CBCCCC;*/
}

.leyenda
{
    width:100%;
    padding:10px 10px;
    margin:10px 0px 5px;
    background:#C9C9CB;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
}

.leyenda h1
{
    font-size:16pt;
    color:#505050;
    font-weight:lighter;
    margin:0px 0px 3px;
}

.leyenda2
{
    width:60%;
    padding:10px 10px;
    margin:10px 0px 5px;
    background:#C9C9CB;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
}

.leyenda2 h1
{
    font-size:16pt;
    color:#000000;
    font-weight:lighter;
    margin:0px 0px 3px;
}

.leyenda span
{
    font-size:10pt;
    color:#7D7D7D;
    font-weight:bold;
}

/**************************************************************************************
Estructura del Submenu
**************************************************************************************/
.Footer
{
    margin:0; 
    padding:10px 0px; 
    background: #111; 
    border-top:1px solid #1e1e1e;
    overflow:hidden;
    text-align:center;
}

.Submenu
{
    display:inline-block;
    margin:3px 0px 3px 15px;
}

.Submenu h2,
.Submenu h2 input
{
    font-size:10pt;
    text-align:center;
    font-weight:lighter;
    background:transparent;
    border:0px none transparent;
     color:#D0D1D1;
     outline:0px transparent none;
}

.Submenu ul
{
    list-style:none;
}

.Submenu a
{
    font-size:9pt;
    font-weight:lighter;
    text-decoration:none;
    color:#9E9F9F;
    outline:0px transparent none;
}

/**************************************************************************************
Estructura Derechos
**************************************************************************************/
.Copyright
{
    padding:10px 0px;  
    margin:0; 
    border-top:1px solid #1a1a1a; 
    background:#0e0e0e;
    color:#9E9F9F;
}

.Copyright p{ 
	margin:10px 0px 2px; 
	font-size:8pt; 
}

.Copyright p.left{
	 text-align:left !important;
	 margin:2px 0px; 
	 font-size:10pt;
}

.Copyright p.right{
	 text-align:right !important;
	 margin:2px 0px; 
	 font-size:10pt;
}

.Copyright a,
.Copyright input
{
    font-size:inherit; 
    text-decoration:none;
    color:inherit;
    outline:0px transparent none;
}

/**************************************************************************************
Estructura del Contenido
**************************************************************************************/
.Content
{
    width:960px;
    max-width:960px;
    margin:20px 0px;
    padding:0;
    overflow:hidden;
}

.Content h2
{
    font-weight:normal;
    font-size:16pt;
    color:#000000;  
    padding:5px 5px 10px;
    margin:0 0 10px 0;
}

.Content h1
{
    font-weight:normal;
    font-size:12pt;
    color:#c1c1c1;  
    padding:5px 5px 10px;
    margin:3px 0 3px 0;
}
 
.Content p
{
    font-weight:normal;
    font-size:10pt; 
    color:#6b6b6b; 
    line-height:1.8em; 
    padding:3px 10px;
    margin:0;
    text-align:justify;
}

.Content p span
{
    color:#6d6d6d;
}

.Content p a
{
    color:#BF8008;
    border-left:1px #6d6d6d solid;
    padding:0px 3px 0px 8px;
}

.Content ul
{
    color:#868686;
    list-style:circle;
    font-size:9.5pt;
    padding:3px 10px;
}

.Content ul li
{
    padding:5px 3px;
    margin:0px 15px;
}

.Noticias
{
    width:240px;
    max-width:240px;
    margin:0;
    padding:0;
    float:left;
}

.Noticias a
{
    color:#BF8008;
}

.SectorContent
{
    width:480px;
    max-width:480px;
    margin:0;
    padding:0;
    float:left;
}

.SectorContent .img
{
    width:460px;
    height:250px;
    margin:10px;
}

.SectorContent .img2
{
    width:340px;
    height:140px;
    margin:10px;
}

.SectorContentComplete
{
    width:740px;
    max-width:740px;
    margin:0;
    padding:0;
    float:left;
}

.SectorContentComplete .img
{
    width:720px;
    height:200px;
    margin:10px 10px;
    background:#5D5E5E;
}

.SectorContentComplete2
{
    width:960px;
    max-width:960px;
    margin:10px 0;
    padding:0;
    float:left;
}

.Titulo
{
    width:100%;
}

.Titulo h2
{
    font-size:20pt;
    color:#fff;
    padding:5px 10px 10px; 
    margin:0;
}

/**************************************************************************************
Navegacion entre contenido
**************************************************************************************/
.navigatorpag 
{
    border-top:1px solid #232323; 
    background:#101010; 
    padding:15px 0; 
    margin:0 auto; 
    overflow:hidden;}
    
.navigatorpag ul  
{
    text-align: left;  
    padding:0; margin:0; 
    list-style:none; 
    border:0; 
    float:left;}
    
.navigatorpag ul li  
{
    float:left; 
    margin:0; 
    padding:0; 
    border:0;}
    
.navigatorpag ul li a   
{
    border-right:1px solid #575757; 
    float:left; margin:0; padding:0 15px; 
    color:#575757; font-size:9pt;
    text-decoration:none;
    outline:0px none transparent;}
    
.navigatorpag ul li a:hover {   color:#939393; text-decoration:underline;     }
.navigatorpag ul li a.active {  color:#939393; text-decoration:underline;    }

/*Segundo nivel */

.navigatorpagsub
{
    border-top:1px solid #232323; 
    background:#292929; 
    padding:15px 0; 
    margin:0 auto; 
    overflow:hidden;}
    
.navigatorpagsub ul  
{
    text-align: left;  
    padding:0; margin:0; 
    list-style:none; 
    border:0; 
    float:right;}
    
.navigatorpagsub ul li  
{
    float:left; 
    margin:0; 
    padding:0; 
    border:0;}
    
.navigatorpagsub ul li a   
{
    border-right:1px solid #575757; 
    float:left; margin:0; padding:0 15px; 
    color:#575757; font-size:9pt;
    text-decoration:none;
    text-transform:uppercase;
    outline:0px none transparent;}
    
.navigatorpagsub ul li a:hover { color:#939393; text-decoration:none;}
.navigatorpagsub ul li a.active { color:#939393; text-decoration:none;}


/**************************************************************************************
Productos
**************************************************************************************/
.products
{
    width:220px;
    height:100px;
    background:transparent;
    border:1px solid #222;
    float:left;
    margin:10px 8px;
    overflow:hidden;
}

.products p
{
    width:160px;
    display:block;
    height:20px;
    margin:0;
    padding:0;
    font-size:12pt;
    line-height:14pt;
    color:White;
    font-weight:lighter;
}

.products div.color
{
    width:100%;
    height:40px;
}

.products div.numcolor
{
    height:20px;
    background: #4c4c4c; /* old browsers */
    background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* ie */
    color:#aaa;
    padding:10px 10px;
    font-size:12pt;
    float:left;
}

.products div.compcolor
{
    height:10px;
    background: #D3D3D3; /* old browsers */
    background: -moz-linear-gradient(top, #D3D3D3 0%, #D3D3D3 0%, #9C9C9C 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3D3D3), color-stop(0%,#D3D3D3), color-stop(100%,#9C9C9C)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D3D3', endColorstr='#9C9C9C',GradientType=0 ); /* ie */

    color:#272727;
    padding:5px 5px;
    display:block;
    font-size:9.5pt;
    line-height:9.5pt;
    text-align:right;
}

.products div.propcolor
{
    height:10px;
    background: #F7F7F7; /* old browsers */
    background: -moz-linear-gradient(top, #F7F7F7 0%, #C8C6C6 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#C8C6C6)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#C8C6C6',GradientType=0 ); /* ie */
    color:#272727;
    padding:5px 5px;
    display:block;
    font-size:9.5pt;
    line-height:9.5pt;
    text-align:right;
}

.Amarillo1{background:#F2E700;}
.Amarillo2{background:#DCE101;}
.Naranja1{background:#F26A00;}
.Naranja2{background:#F2B900;}
.Rojo1{background:#F22D00;}
.Rojo2{background:#A90202;}
.Verde1{background:#33F200;}
.Verde2{background:#389808;}
.Cyan1{background:#05C4AA;}
.Cyan2{background:#33B59C;}
.Azul1{background:#0067F2;}
.Azul2{background:#0D4289;}
.Violeta1{background:#CD00F2;}
.Violeta2{background:#8D0D90;}