* { padding:0; margin:0; outline:0; }
body {
	background:#fff;
	font-family: Sans-Serif, Verdana, Arial, Trebuchet MS;
	font-size:12px;
	line-height:18px;
	color:#6d6d6d;
}
input, textarea, select { font-family: Arial, sans-serif; font-size:12px; color:#6d6d6d; }

a { color:#0184c4; text-decoration: underline; cursor:pointer; }
a:hover { color:#1c6183; text-decoration: none; }
a img { border:0; }
a.pad img  {padding: 3px;}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.aj { text-align: justify; }

h2 { font-size:23px; line-height:26px; color:#0188c9; }
h3 { font-size:16px; line-height:20px; color:#000; } 
h4 { font-size:18px;  color:#0188c9; padding-bottom:6px; } 

h2, h3, h4 { font-family: "Trebuchet MS", Arial, sans-serif;}


h1#logo { font-size:0; line-height:0; width:212px; height:90px; float:left; }
h1#logo a{ display:block; height:90px; text-indent: -4000px; background:url(images/logo.png); }

.shell { width:980px; margin:0 auto; }
.shell-LeftMenu { width:700px; margin:0 auto; }
.tam {font-size:14px; color: #4A5461}

#header { height:90px; background:url(images/header2.png);}

#navigation { float:right; height:30px;}
#navigation ul{ float:left; height:30px; list-style-type:none; padding-top:50px;}
#navigation ul li{ float:left; display:inline; margin-left:10px;}
#navigation ul li a{ float:left; width:110px; height:30px; text-align: center; background:url(images/nav.gif) no-repeat 0 0; line-height:30px; text-decoration: none; color:#7b7b7b; }

#navigation ul li a:hover,
#navigation ul li a.active { background-position:right 0; color:#fff;}

.notext { font-size:0; line-height:0; text-indent: -4000px; display:block; }
.ampliar-button { position:absolute; left:530px; top:97px; }

#main { width:100%; background:url(images/main.gif) repeat-x 0 0; padding:35px 0 35px 0;}

/*.col { float:left; display:inline; width:280px; margin-right:70px; padding:10px 0;}*/
.col { float:left; display:inline; width:300px; margin-right:40px; padding:10px 0;}
.col-last { margin-right:0px; margin-left:0px;}
.col h3 { padding-bottom:12px; }
.col p { padding-bottom:12px; }

.three-cols { background:url(images/three-cols.gif) repeat-y center 0; width:100%;}

.ico { background-repeat:no-repeat; background-position:0 0px; padding-left:28px}
.ico0 { background-image:url(images/flecha-naranja.png); background-position:0 3px; padding-left:22px}
.ico1 { background-image:url(images/clockico.png); }
.ico2 { background-image:url(images/seguridadico.png)}
.ico3 { background-image:url(images/softwareico.png)}
.ico4 { background-image:url(images/barreraico.png)}
.ico5 { background-image:url(images/flecha-naranja-slider.png); background-position:25px; padding-left:43px;}

p.more { font-size:11px; }
p.more a{ background:url(images/more.gif) no-repeat 0 center; padding-left:11px;}

#footer { height:57px; background:url(images/footer.gif); line-height:56px; white-space:nowrap; color:#5c5c5c;}
#footer span{ color:#cfcfcf; padding:0 5px;}
#footer a{ color:#5c5c5c; text-decoration: none}
#footer a:hover{ color:#0184c4 }

ul.lista1 { list-style-image:url(images/checkico.png);  padding-left: 22px; padding-bottom:12px;}

ul.IconosSeguridadElectronica { list-style-type:none }

ul.lista2 { list-style-type: circle; padding-left:50px;}
ul.lista3 { margin:10px 0px 40px 0px; width:400px;}
ul.lista3 li 
{
    background: url(images/logofabrica-small.png) no-repeat scroll left top transparent;
    border-bottom: 3px dotted #CCCCCC ;
    font-size: 20px;
    color: #C0C0C0;
    list-style: none outside none;
    margin: 20px 10px 10px 40px;
    padding: 10px 10px 10px 70px;
}

/* Estilos para el SLIDER PRINCIPAL */ 

#slider { height:160px; background:url(images/slider.gif);}

.slider-holder { height:200px; position:relative; overflow:hidden; z-index:100 }
.slides { width:716px; height:160px; position:relative; overflow:hidden; top:15px; left:151px; }
.slides .jcarousel-clip{ width:716px; height:160px; position:relative; overflow:hidden; }
.slides ul{ width:606px; height:160px; position:relative; overflow:hidden; list-style-type: none; }
.slides ul li{ float:left; display:inline; width:606px; height:160px; position:relative; overflow:hidden; margin:0 0 0 110px; left:-68px;}
    
.slide-shadow { position:absolute; left:-5px; height:13px; width:617px; background:url(images/slide-shadow.png);}
.slide-bg { width:606px; height:115px; position:relative; overflow:hidden; background:url(images/slide-bg.gif); padding:5px;  }
.slide-image{ float:left; width:100px; padding: 5px;}
.slide-info{ float:left; width:455px; padding:10px 0 0 3px; font-size:12px;}
/*.slide-info p { padding:0 0 0 0px;}*/
.slider-nav { font-size:0; line-height:0; }
.slider-nav a{ width:43px; height:46px; text-indent: -4000px; position:absolute; top:55px; }
.slider-nav a.prev{ left:110px; background:url(images/prev.png); }
.slider-nav a.next{ left:840px; background:url(images/next.png); }



/* Estilos para pagina CLIENTES */

.clientes_container { height: auto; left: 5px;}
.cliente_container {background: url("images/ClientesPartners/Cliente_bg.png") no-repeat scroll center top transparent;
                    display: block; float: left; height: 244px; margin: 5px 5px; overflow: hidden; padding: 0; position: relative; width: 166px; }

    /* Imagenes de los clientes a incorporar tamaņo: 130px x 75px */
.cliente_container .logo { display: block; top: 14px; left: 19px; margin: 0; padding: 0; position: absolute;  text-align: center; width: 130px; height: 75px; }
.cliente_container a { color: #000; text-decoration: none;}
.cliente_container a:hover {border-bottom:1px dotted #000 }
.cliente_container h2 { color: #000000; display: block; font: bold 13px Arial,Helvetica,sans-serif; height: 30px; left: 10px;
                        margin: 0; overflow: hidden; position: absolute; top: 105px; width: 148px; }
.cliente_container .descripcion { display: block; height: 62px; left: 11px; font-size: 90%; position: absolute; top: 125px; width: 147px; }


/* Estilos para pagina ALIANZAS */

#seccion-alianzas      {float:right; width:760px; overflow:hidden; margin-right:100px}

.alianzas {margin:10px 0px; list-style:none;}
.alianzas li {padding:15px 0;}
.alianzas li.last {border:0;}
.alianzas li {border-bottom:1px solid #DDD;}
.alianzas .alianzas-img {float:left; width:179px; height:79px;}
.alianzas .alianzas-img img {width:179px; height:79px;}
.alianzas .alianzas-desc {float:right; width:560px;}
.alianzas .alianzas-desc h3 {margin:0 0 10px 0; font-size:140%;}
.alianzas .alianzas-desc p {margin:0;}

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}


/* Estilos para formulario CONTACTO */

#seccion-contacto    {background:url(images/hp-section.png) 440px 0 repeat-y;}
.col-left-contacto   {float:left; width:460px;}
.col-right-contacto  {float:left; width:475px;}

.text1              { color: #0188c9; font-size: 14px; font-weight:bold; padding-top:5px; }
.contact-form       { margin-top: 30px; border-style: solid; border-color: #EEEEEE; background-color: #FAFAFA; border-width: 4px 1px; padding: 25px 25px 15px;}
.contact-form2      { margin-top: 10px; border-style: solid; border-color: #EEEEEE; background-color: #FAFAFA; border-width: 4px 1px; padding: 25px 25px 15px;}
.row                { margin-bottom: 10px;}
.row .field         { border: 1px solid #CFCFCF; border-radius: 7px; color: #4A5461; display: inline; float: left; font-size: 12px; height: 15px; padding: 4px 5px 5px; width: 200px;}
.row label          { color: #4A5461; display: inline; float: left; font-size: 14px; margin-left: 13px; text-align: left; }
.row .message       { height: 120px; resize: none; width: 410px; }
textarea            { overflow: auto; }
.row label span     { color: #AAAAAA; }
.row .field:focus   { border-color: #6699FF; background-color: #EAEDFF; }


.boton-azul         { background: url(images/nav.gif) no-repeat; margin-top:10px; float:right; border: 0px; height:30px; width:110px; }
.boton-azul:hover   { background-position:right 0; color:#fff;   }
.azul               { color: #0188c9; font-weight: bold; }
.naranja            { color: #ED7627; font-weight: bold; }

/* CCTV */

#seccion-cctv p     {font-family:Trebuchet MS, Arial; font-size:14px; margin-bottom:10px}
#col-left-CCTV   {float:left; width:220px;}
#col-right-CCTV  {float:left; width:760px;}

    /* Estilos para las listas del menu CCTV*/
    #menu-camaras       { width:200px; }
    #menu-camaras ul    { list-style-type:none; padding: 0px; }
    #menu-camaras li    { font-size:16px; margin:10px 0 20px 0; }
    
    /*menu nivel 1*/
    #menu-camaras li a  { border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 10px; display: block; background: #0188c4; color: #FFF; text-decoration: none;
                        /*CSS3 >>*/ -moz-border-radius:7px; -webkit-border-radius:7px; border-radius: 7px; }
    #menu-camaras li a:hover { background: #0188c4; color: #FFF; }
    
    /*menu nivel 2*/
    #menu-camaras li ul li      { font-size:13px; margin:2px 0 0 0px; padding-left:30px; /* manejamos la tabulacion para nivel 2 y el 3 lo hereda */}
    #menu-camaras li ul li a    { border-top: 1px solid #FFF; border-right: 1px solid #FFF; display: block; background: #DDD; color: #666; padding:5px;
                                /*CSS3 >>*/ -moz-border-radius:0; -webkit-border-radius:0; border-radius: 0; }
    #menu-camaras li ul li ul   { margin-bottom:2px; }
    
    /*menu nivel 3*/ 
    #menu-camaras li ul li ul li { margin-top: 0px; margin-left:0px; }

#seccion-cctv-tips   {float:left; margin-Left:50px; width:700px}
#seccion-cctv-tips p {font-family:Trebuchet MS, Arial; font-size:14px; margin-bottom:10px}
#seccion-cctv-tips h3 {margin-top:12px; margin-bottom:8px}


/* SOLUCIONES */

#seccion-soluciones h2 { font-size:23px; line-height:26px; color:#ED7627; }
#seccion-soluciones p   {font-family:Trebuchet MS, Arial; font-size:14px; margin-bottom:10px}
#col-left-soluciones    {float:left; width:220px;}
#col-right-soluciones  {float:left; width:760px;}

/* Estilos para las listas del menu Soluciones*/
    #menu-soluciones       { width:200px; }
    #menu-soluciones ul    { list-style-type:none; padding: 0px; }
    #menu-soluciones li    { font-size:16px; margin:10px 0 20px 0; }
    
    /*menu nivel 1*/
    #menu-soluciones li a  { border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 10px; display: block; background: #ED7627; color: #FFF; text-decoration: none;
                        /*CSS3 >>*/ -moz-border-radius:7px; -webkit-border-radius:7px; border-radius: 7px; }
    #menu-soluciones li a:hover { background: #ED7627; color: #FFF; }
    
    /*menu nivel 2*/
    #menu-soluciones li ul li      { font-size:13px; margin:2px 0 0 0px; padding-left:30px; /* manejamos la tabulacion para nivel 2 y el 3 lo hereda */}
    #menu-soluciones li ul li a    { border-top: 1px solid #FFF; border-right: 1px solid #FFF; display: block; background: #DDD; color: #666; padding:5px;
                                /*CSS3 >>*/ -moz-border-radius:0; -webkit-border-radius:0; border-radius: 0; }
    #menu-soluciones li ul li ul   { margin-bottom:2px; }


#seccion-seguridadelectronica  {float:left; margin-Left:50px; width:500px;}
#seccion-seguridadelectronica p {font-family:Trebuchet MS, Arial; font-size:14px; margin-bottom:10px}
#seccion-seguridadelectronica h3 {margin-top:12px; margin-bottom:8px}

/* Estilos CAJAS */ 
    .caja-cabecera  
    { /*CSS3 >>*/ -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; 
                    -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; }
    
    .caja-cabecera              { background:#0188c4; height:30px; color:#fff; padding:4px 10px 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #fff; }
    .caja-cabecera .right       { padding-top:5px; line-height:13px;}
    .caja-cabecera .right label,
    .caja-cabecera .right input { float:left; }
    .caja-cabecera .right label { padding:4px 0 0 0;}
    .caja-cabecera .right input { margin-left:5px;}
    .caja-contenido p           { padding:10px  10px 0 10px;}
    .caja h2                    { font-size:15px; font-weight: normal; color: #fff; }
    .caja                       { background:#fbfcfc; height:100%; padding:1px; margin-bottom:30px;
                                /*CSS3>> */ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
                                            -moz-box-shadow: 0 0 6px #978f6c; -webkit-box-shadow: 0 0 6px #978f6c; box-shadow:0 0 6px #978f6c; }
                                            
.validators {padding-left:10px}



/* SOLUCIONES SACADOS DE LA PAGINA DE SPEC */

.titulo-resumen {
    border-right: 1px solid white;
    float:left;
    padding: 15px 15px 15px 0;
    vertical-align: top;
    width: 300px;
}
.titulo-resumen p {
    margin: 0;
}
titulo {
    font-size: 30px;
    margin-bottom: 15px;
}
.producto-marca {
    float: left;
    padding: 20px 0px;
    width: 360px;
}

.producto-marca .resumen {
    display: table-cell;
    width: 300px;
}
.producto-marca .imagen {
    display: table-cell;
    height: 94px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
    width: 94px;
}
.fila-productos-marca {
    border-top: 2px solid white;
    display: inline-block;
    width: 100%;
}
.fila-productos-marca-0 {
    border-top: 0 none;
}
.familia-productos-marca {
    display: inline-block;
    width: 100%;
}

/* Estilo PAGINA PRINCIPAL: Iconos Alarmas, CCTV y Accesos*/
.ex5 img {
    opacity: 1;
      
    /*Transition*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
.ex5 img:hover { 
   opacity: 0.65;
}