body, div, p, h1, h2, h3, h4, h5, ul, li, span, form, table, img, input, label { margin:0; padding:0; position:relative; }
body { text-align:center; color:#4A4C4F; width:100%; font:300 13px/1.35 "Helvetica Neue","Myriad Pro",Helvetica,Arial,sans-serif }
h1 {font-size:1.55em; color:#F9760C;  text-shadow:0 1px #CCC; margin:10px 0 16px 0;}
h2 {font-size:1.3em; color:#125574; }
h3 {color:#2E85AE; font-size:1.1em; font-weight:normal;}
h5 {color:#F9760C;}
img, abbr, fieldset {border:0;}
input[type="text"], input[type="password"], textarea { 
	border:1px solid #E0E0E0;
	color: #074A74; 
	padding:4px; 
	height:18px; 
	background: url('../../img/bg/bg-input-g.gif') repeat-x left top #ffffff; 
	border-radius:2px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { 
	background:url("../../img/bg/bg-input.gif") repeat-x scroll left top #ffffff; 
	border-color:#cfcfcf;
}
input[type="submit"] {
	border: none;
	border-radius: 2px;
	height: 28px;
	background: url("../../img/bg/bg-menu.gif") repeat-x scroll 0 0 transparent;
	color:#FFFFFF;
	cursor: pointer;
    box-shadow:1px 1px 0 #BBBBBB;
}
input[type="submit"]:hover{background:#909090;}
input[type="submit"]:active{border-color: #156083 #1d79a4 #1d79a4 #156083; background:#2E85AE;}
textarea {
	/*font-family:"Lucida Grande",Arial,Verdana,sans-serif;*/
	font-size:0.9em;
}
ul, li {list-style:none;}
a {color:#F9760C; padding:1px; border-radius:2px;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:none; background:#F9760C; color:#ECECEC;}



/***** Elementos comunes *****/
.clear {position:relative; clear:both; margin:0; padding:0; font-size:1em;}
.underline {text-decoration:underline;}
.small {font-size:0.85em; width:auto;}
.shadow {text-shadow:#D8D9DA -1px 1px;}
.big-number {font-size:1.4em; font-weight:bold; margin:3px 4px 0 0; text-shadow:-1px 1px #DCDCDC;}
.destacado {color:#c97b01; text-decoration:underline; font-weight:bold;}
.migas {font-size: 0.9em; float: left; width:700px; color: #5c5c5c; margin: 6px 0 6px 2px;}
.migas li {margin: 0 8px 0 0;}

.left-column {float:left; width:722px}
.right-column {float:right; width:248px; height:auto; margin:0 0 0 10px;}

#gracias, #error {width:224px; padding:6px 12px; color:#FFF; background:#000000; display:none;}
#error {background:#B20455;}
#enviando { width:30px; height:30px; display:none; margin:17px 4px 0 0; float:right; }


/***** Header *****/
.header {background:#ffffff; width:100%; height:102px; margin:0; float:left;}
.header-content, .footer-content {margin:0 auto; width:980px;}
.header-content a.logo {float:left; margin:10px 16px 10px 14px; border:none; background:none;}
.header-content img {float:left;}

.header ul {
      float:right; 
      width:auto; 
      margin:0 0 0 1px; 
      background:#ececec; 
      border:solid 1px #dedede; 
      border-radius: 0 0 3px 3px; 
      padding:0 1px 0 1px;
      text-shadow: 1px 1px 0 #eeeeee;
      box-shadow: 1px 1px 0 #ececec;
}
.header ul li { float:right;}
.header ul li a { color:#5E5E5E; padding:6px 12px; text-decoration:none; float:left; background:none;}
.header ul li a:hover { text-shadow:none; color:#000000;} 

.header ul.acceso { margin:0 0 0 1px; background:#DEDEDE; width:auto; border:solid 1px #CECECE; border-radius:0 0 3px 3px; }
.header ul.acceso:hover { background:#DDDDDD;}


/**** Menu ****/
.menu { 
	clear:both; 
	width:980px; 
	height:36px; 
	background:url("../../img/bg/bg-menu.gif") repeat-x; 
	border-radius:3px; 
    box-shadow:1px 1px #BBBBBB;
    text-shadow:1px 1px 1px #262626;
	margin: 0 0 10px 0;
}
.menu li { float:left; margin:0 0;}
.menu li a { color:#FFFFFF; text-decoration:none; font-size:1.1em;  padding:9px 33px 0; height:27px; }
.menu li a:hover {background:#2B2D30;}

.menu li ul {display:none; position:absolute; margin:36px 0 0 0; background:#585A61; border-radius:0 0 4px 4px; z-index:99; min-width:245px; }
.menu li ul li { margin:0; min-width:245px;}
.menu li ul li a { padding:8px 12px; height:auto; font-size:1.05em; min-width:221px;}



/***** User Header *****/
.user-config {margin:0; float:right;}
.user-config ul {widht:200px;}
.user-config li {width:200px;}



/***** Mensjaes y avisos *****/
.notifications { min-heigth:56px; background:#FFC19F; color:#9F5C4F; padding:12px; text-align:center;}
.error span{
    font-size:0.8em;
    padding: 2px;
    margin:-10px 0 8px 0 !important;
    background-color: #B5C9CF;
}
.error img {margin:-39px 0 0 229px;}



/**********
 ** Index **
 *********/
.page {margin:0 auto; width:980px; text-align:left; clear:both; padding:0 12px;}
.page div, .page p, .page img, .page ul, .page li, .page h1, .page h2, .page h3, .page h4, .page h5, .page span, .page form, .page table, .page input, .page label, .page span, .page a {float:left;}

.slider {width: 722px; height:380px; border-radius:1px; margin:0 0 10px 0; }
.royalSlider li img {width:722px;}
.royalSlider li div.description {
	background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    height: auto;
    margin: 288px 0 0;
    opacity: 0.9;
    padding: 12px 18px;
    position: absolute;
    width: 614px;
    border-radius: 0 2px 2px 0;
    z-index:98;
}
.royalSlider li div.description strong, .royalSlider li div.description p { opacity:1; z-index:99;}
.mas-info, .mas-info-inferior {background: none repeat scroll 0 0 #F9760C;
    border-radius: 3px 3px 0 0;
    color: #FFFFFF;
    padding: 6px 12px;
    width: 224px;
}
.mas-info-inferior { background:#000; font-size:1.1em; font-weight:normal;}
.mas-info .solicitud{font-size: 1.2em; text-shadow:0 1px 2px #262626; font-weight:bold; margin: 0; width:100%; text-align:center;}
.mas-info .telf{ width:100%; text-align: center;  text-shadow:0 1px 2px #262626;  font-size: 1.8em; font-weight: bold; margin: 0 0 0 0;}
.mas-info .text{font-size: 0.9em; clear: both; width:100%; text-align:center; text-shadow:1px 1px 0 #D6640C;}

#index-contacto { background:#e6e6e6; height:204px; width:248px; border-radius:0 0 3px 3px; margin-bottom:12px; box-shadow:0 1px 1px #ECECEC;}
#index-contacto label {clear:both; color:#333; margin:12px 2px 0 38px;}
#index-contacto input[type=text] {clear:both; float:left; margin:2px 0 0 38px; width:162px; }
#index-contacto input[type=submit] {width:170px; margin:10px 0 0 39px; font-size: 1em;}
#index-contacto input[type=submit]:hover {background: #3c3c3c; border-color:#303030;}
#index-contacto input[type=checkbox] { clear:left; margin:10px 2px 0 38px; }
#index-contacto span { float:left; margin:8px 0 0 0; line-height:8px; font-size:0.85em; width:158px; }
#index-contacto span span { float:left; width: auto; margin: 1px 2px; font-size: 1em; }

.noticias-rss { background:#ECECEC; padding:2px 18px 4px; height:auto; margin: 0 0 40px 0; border-radius:3px; box-shadow:0 1px 1px #DCDCDC;}
.noticias-rss h3 {color:#F9760C;}
.noticias-rss li {margin:14px 0 0;}
.noticias-rss li h5 { font-size:1.1em; line-height:12px; font-weight:normal; color:#4C4C4C;}
.noticias-rss li date {float:left; clear:both; margin:1px 0 6px; font-size:0.8em; color:#4C4C4C;}
.noticias-rss li p {float:left; line-height: 14px;}

.index-box { float:left; width: 355px; height:136px; margin:0 0 12px 0; border-radius:3px; box-shadow:0 2px 2px #CDCDCD;  }
.alarmas {background:url('../../img/back-alarmas.jpg') 0 0 no-repeat; margin-right:12px;}
.incendios{background:url('../../img/back-incendios.jpg') 0 0 no-repeat;}
.cctv{background:url('../../img/back-cctv.jpg') 0 0 no-repeat; margin-right: 12px;}
.instalador { background:url('../../img/instalador.jpg') 0 0 no-repeat; }

.index-box h3 { float:left; color:#FFFFFF; text-shadow:1px 1px 1px #000; width:300px; margin:9px 0 0 16px;}
.index-box p {float:right; margin:16px 30px 0 0; text-align:right; width: 236px; height:56px; text-shadow:1px 1px 1px #FFFFFF;}
.index-box a {padding:0 6px 1px; background:#585A61; box-shadow:0 2px 2px #CDCDCD; text-decoration:none; color:#FFF; float:right; clear:both; margin:0 32px 0 0; border-radius:2px 2px 3px 2px;}
.index-box a:hover {background:#1d1d1d; color:#ECECEC;}

.instalador h4 { width:170px; margin:28px 0 0 20px; color:#000; font-size:1.2em; font-weight:normal;}




/**********
 ** Paginas **
 *********/
.left-content { float:left; width:708px; min-height: 260px; padding: 0 12px; margin: 0 0 40px;}
.left-content p {margin: 0 0 12px; padding: 0 4px;}
.left-content .portada {float: left; width: 700px; height: 220px;}
.left-content .portada img {float:left; width: 700px; margin: 0 0 0 0; border-radius:2px;}
.left-content ul.detalles {margin:2px 0 12px 12px; clear:both; list-style:disc outside none;}
.left-content ul.detalles li {float:left; clear:both; list-style:disc outside none; margin:0 0 3px 18px;}
.left-content h2 {margin:12px 0 4px 0; clear:both;}

#especificaciones, .especificaciones {float:left; margin:0; cursor:pointer;}
#especificaciones:hover, .especificaciones:hover {color:#FFF;}
#especificaciones span, .especificaciones span {
    width:10px; 
    height:10px;
    background:url("../../img/icon/show.png") no-repeat scroll -1px 0 #F9760C; 
    border-radius:2px; 
    border:solid 3px #F9760C;
    margin:0 2px 0 0;
}
#especificaciones span.up, .especificaciones span.up {background-position:0 -10px;}
#espec, .espec {display:none; clear:both; margin:4px 0; padding:0 18px; width:653px;  background:#ECECEC; border-radius:2px;}

.productos-title {
    clear:both;
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 1.2em;
    margin: 20px 0 12px;
    padding: 3px 13px;
    width: 663px;
}
.producto { clear:both; width:100%; border-radius:2px; background:#ECECEC; padding:6px; margin:0 0 12px 0; color:#000; border:solid 1px #DEDEDE; font-size:0.8em;}
.producto h4 { 
     width:264px;
     color: #CCCCCC;
     font-size: 2em;
     margin: 2px 0 0 6px;
     text-align: left;
     text-shadow: 1px 1px 0 #FEFEFE;
}
.producto div {float:left; width:568px;}
.producto img { clear:both; margin:4px 20px 4px 0; border-radius:2px; border:solid 1px #DEDEDE;}
.producto span { float:left; width:364px; margin:0; }
.producto span.precio, .producto span.precio-tachado {
    width:132px; 
    margin:0 12px 0 0; 
    font-weight:bold; 
    color:#000; 
    font-size:2em;
    text-shadow:1px 1px #FCF4E3;
    float:right;
    text-align:right;
}
.producto span.precio-tachado {font-size:1.2em; text-decoration:line-through; color:#444; margin:-18px -76px 0 0;}
.producto span.subprecio {margin:-2px 12px 0; font-weight:bold; font-size:0.8em; text-shadow:1px 1px #FCF4E3; text-align:right; float:right; width:370px;}
.producto ul { width:346px; margin:2px 0 0 20px; list-style:disc outside none; }
.producto li { clear:both; list-style:disc outside none; }
.producto form {float:left; margin:0; padding:0; width:auto; height:auto;}
.producto input {
     float:right; 
     margin:-7px; 
     border-left:solid 1px #DDDDDD; 
     box-shadow:none; 
     color:#555; 
     height:85px; 
     padding:0 8px; 
     text-shadow:0 1px 0 #FFFFFF;
     background: none;
     z-index:99;
}
.producto input:hover {background:none; box-shadow:0 0 4px -2px;}
.producto input:active {background:none; border:none; border-left:1px solid #DDDDDD; box-shadow:0 0 2px -2px;}

.interior {width:674px;}
.interior h4 {font-size:1.4em;}
.interior img {width:104px; height:69px; margin:0 6px 0 0;}
.interior div {width:530px;}

a.detalles1, a.detalles2, a.detalles3, a.detalles4 {
    background: #FFFFFF;
    width: 72px;
    height: 10px;
    border: 1px solid #DEDEDE;
    color: #000000;
    cursor: pointer;
    float: right;
    margin: 0 12px;
    padding: 2px 4px 5px;
}
a.detalles1:hover, a.detalles2:hover, a.detalles3:hover, a.detalles4:hover {border-color:#D0D0D0;}
a.detalles1 span, a.detalles2 span, a.detalles3 span, a.detalles4 span { 
    float:right;
    width:10px; 
    height:10px;
    margin:2px 2px 0 0;
    background:url('../../img/icon/show.png') no-repeat -11px 0 #FFF;
}
a.detalles1 span.up, a.detalles2 span.up, a.detalles3 span.up, a.detalles4 span.up { 
    background-position:-11px -10px;
}

ul.desc-producto { 
    border: 1px solid #E2E2E2;
    border-radius: 0 0 4px 4px;
    font-size: 0.85em;
    margin: -13px 0 12px 0;
    padding: 6px 0 6px 24px;
    width: 662px;
    z-index: 0;
    display:none;
}
ul.desc-producto li { list-style: disc outside none; margin: 0 0 0 14px; width: 312px;}

/***** Registro *****/
.register {background: url("../../img/bg/bg-form.gif") repeat-x scroll 0 0 #D0DEE2; padding:12px; margin:12px 0 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;} /*Opción en naranja #FEDEB4 o #EFE3B3*/
.register label {margin:0 0 2px 0; clear:both;}
.register span {margin: 2px 0 0 0; float:right;}
.register p {width: 250px; clear:both; margin: 2px 0 6px 0; text-align:justify;}
.register input {width:246px; clear:both; margin:0 0 12px 0;}
.register input[type="submit"] {width:160px; margin:0 0 12px 44px;}
.form-register-page form {margin-top:0px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.form-register-page h2 {margin-bottom:12px; padding:6px 0 6px 12px;}
.form-register-page .register p {width:290px; margin:0 0 0 30px;}
.form-register-page input {height:30px; margin:0 30px 16px 30px; width:280px; font-size:1.2em;}
.form-register-page label {margin:0 0 0 30px;}
.form-register-page .register span {margin-right:30px;}
.form-register-page input[type="submit"] {margin-top:12px; font-size:1em;}
.form-register-page .error label {margin:0 0 0 0px;}
.left-video{width:506px;}



.otras-soluciones h2 { width:100%; float:left; clear:both; margin-top:38px; }
.otras-soluciones img { float:left; clear:both; margin:12px 12px 0 6px; border-radius:3px; box-shadow:0 2px 2px #CDCDCD;}
.otras-soluciones p { float:left; width:460px; margin:8px 0 2px 0; }
.otras-soluciones a.mas {
	background: none repeat scroll 0 0 #585A61;
    border-radius: 2px 2px 3px;
    box-shadow: 0 2px 2px #CDCDCD;
    clear: both;
    color: #FFFFFF;
    float: left;
	clear:both;
    margin: 0;
    padding: 0 6px 1px;
    text-decoration: none;
	font-weight:normal;
}
.otras-soluciones a.mas:hover { background:#1d1d1d; }


img.acerca-de { float:left; clear:both; margin:24px 12px 12px 0; box-shadow:0 2px 2px #CDCDCD; border-radius:3px; }
p.acerca-de-desc { float:left; width:400px; margin-top: 28px; }
.acerca-address { clear:both; float:right; margin:28px 60px 28px 0; }
.acerca-address li { clear:both; float:right; text-align: right; }
.acerca-address li:first-child { font-weight: bold; }


address.contacto-add { float:left; clear:both; margin:2px 0 30px 8px; }
address.contacto-add li { float:left; text-align:left; clear:both; }
address.contacto-add li:first-child { font-weight:bold; }



/***** Footer *****/
.navigation { 
	font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
	background-color:#ECECEC; 
	height:212px; 
	float:left; 
	width:100%;
	font-size:0.8em;
	border-top:1px solid #DEDEDE;
}
.navigation-content {width:980px; margin:0 auto;}
.navigation h6 {
    color: #AAAAAA;
    font-size: 1.2em;
    margin: 16px 0 12px;
    text-align: left;
    text-shadow: 1px 1px 0 #FEFEFE;}
.navigation ul {float:left; margion:12px 30px 0 0; width:232px; border-left:solid 1px #DEDEDE; padding:0 0 0 12px;}
.navigation ul li {width:222px; float:left;}
.navigation ul li a {color:#5e5e5e; float:left; padding:2px; border-radius:1px;}
.navigation ul li a:hover {color:#DEDEDE; float:left; background:#5e5e5e; text-decoration:none;}

.footer {
	font-family: Helvetica,Arial,sans-serif; 
	background-color:#2B2D30; 
	height:254px; 
	float:left; 
	width:100%; 
	font-size:0.8em; 
	border-top:1px solid #2D2D2D; 
	text-shadow:1px 1px #262626;
	}

.footer ul, .footer li {float:left; color: #FFF;}
.footer li a {float:left; color:#FFFFFF; margin:2px 0 0; padding:2px 2px 0; border-radius:1px;}
.footer li a:hover {text-decoration:none; background:#FFFFFF; color:#202D30; text-shadow:none;}

.footer-logo {border-right: 1px solid #333538; margin: 28px 0 0; padding: 8px 20px 10px 0; width: 146px;}
.footer-logo li {width:146px; margin:0 0 6px; }
.footer-logo li a {font-size: 1.15em; font-weight: normal; margin: 0 0 0 16px;}

.footer-corp {
    border-left: 1px solid #262626;
    height: 92px;
    margin: 28px 0 0;
    padding: 0 0 0 20px;
    width: 160px;
}
.footer-corp li {width:160px; margin:0 0 -2px 0; text-align:left;}
.footer-corp li.telf {margin-top: 9px;}
.footer-corp li img {float:left; margin:2px 4px 8px 0;}
.footer-corp li span {float:left; font-size:1.5em; margin:1px 0 0 2px;}


.footer ul.footer-social { float:right; margin:28px 0 0 0; width:228px; height:92px; padding:0 20px 0 0; border-right:solid 1px #333538; text-align:right; }
.footer ul.footer-social li { float:right; clear:both; margin:4px 0 0 0; }

.footer ul.footer-telfs { float:right; margin:28px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #262626; width:222px; height:92px;}
.footer ul.footer-telfs li {float:left; clear:both; width:212px; text-align:left; }
.footer ul.footer-telfs li strong { font-size:1.3em; }
.footer .footer-telfs li.espacio { height:8px; width:1px;}

.footer #box { float:right; clear:both; margin:14px 94px 24px 0; border:none; text-decoration:none; }
.footer #box img { width:126px; }