/*
	Author: Ing. Erik García
		Email: garcia.pro4@gmail.com
*/

/*
** General (Cuerpo de la página y otros)
*/
/*@font-face {
    font-family: "EE_Serif";
    src:url(fonts/EE_Serif.ttf) format("truetype");
	}
@font-face {
	font-family: "EE_Italic";
	src:url(fonts/EE_Italic.ttf) format("truetype");
	font-weight: italic;
	}*/
@font-face {
	font-family: "TTWF";
	src:url(fonts/TTWF.woff);
	}
@font-face {
    font-family: "Helvetica";
    src:url(fonts/Helvetica.otf) format("OpenType");
	}


	
	/*src:url(fonts/EE_Italic.ttf) format("truetype");
	         /*url(fuentes/fuente-personalizada.eot),
             url(fuentes/fuente-personalizada.otf);*/

body{
	background:#F6F6F6;
	font-family:Arial, Helvetica, sans-serif;
	color: rgb(40, 40, 40);
	margin:0;
	}
.clear{
	clear:both;
	}
img{
	border:none;
	}
h1 {
    margin-bottom: 10px;
    color: rgb(170, 170, 170);
    text-transform: uppercase;
    letter-spacing: 0.04px;
    font: 60px/60px 'TTWF',Arial,sans-serif;
        font-family: 'TTWF',Arial,sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 60px;
        line-height: 60px;
        font-size-adjust: none;
        font-stretch: normal;
        -x-system-font: none;
        -moz-font-feature-settings: normal;
        -moz-font-language-override: normal;
}

h2 {
    margin-bottom: 5px;
    color: rgb(170, 170, 170);
    text-transform: uppercase;
    letter-spacing: 0.04px;
    font: 40px/40px 'TTWF',Arial,sans-serif;
        font-family: 'TTWF',Arial,sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 40px;
        line-height: 40px;
        font-size-adjust: none;
        font-stretch: normal;
        -x-system-font: none;
        -moz-font-feature-settings: normal;
        -moz-font-language-override: normal;
}

/*Superior*/
#top {
	width:1366px;
	margin:0 auto;
}

#logo {
	width:250px;
	float:left;
}


/* Menu */
.menuContainer{
    /*margin-bottom: 10px;*/
    color: rgb(170, 170, 170);
    text-transform: uppercase;
    letter-spacing: 0.04px;
    font: 16px/16px 'TTWF',Arial,sans-serif;
        font-family: 'TTWF',Arial,sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 22px;
        line-height: 30px;
        font-size-adjust: none;
        font-stretch: normal;
        -x-system-font: none;
        -moz-font-feature-settings: normal;
        -moz-font-language-override: normal;
	background:#004595;
	margin:24px 0px 0px 0px;
	width:1116px;
	height:52px;
	position:relative;
	float:right;
	z-index: 1;
	}
ul#menu a:hover, ul#menu ul, ul#menu li:hover{
    font-family: 'TTWF',Arial,sans-serif;
	font-weight: italic;
	background:#a7a9ac;
	} 
.menuContainer ul{
	list-style:none;	
	margin:0;
	padding:0;
	}
ul#menu li{
	float:left;
	position:relative;
	margin-right:10px;
	}
ul#menu a{
	color:#FFF;
	text-decoration:none;
	padding:10px;
	display:block;
	}
ul#menu ul{
	position:absolute;
	left:0;
	display:none;
	}
ul#menu li:hover ul{
	display:block;
}
ul#menu li:hover ul li{
	margin:0;
}
ul#menu li:hover ul li a{
	width:150px;
	}
ul#menu li:hover ul a:hover{
	background:#dd052c;
}

/*slider frame*/
#sliderFrame 
{
    width:920px;
	margin:0 auto; /*center-aligned*/
    padding:20px;
    box-shadow: 0 0 5px #BBB;border:1px solid #CCC; background-color:#FFF;
}

#slider, #slider div.sliderInner {
    width:680px;height:306px;/* Must be the same size as the slider images */
}

#slider {
    float:left;
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
    transform: translate3d(0,0,0);
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink, #slider .video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:400px;
	height:auto;
	padding:10px 0;/* 10px will increase height.*/
	left:120px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:10px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size:0;
}
#slider div.mc-caption-bg {
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
	background:#DDD;/* or any other colors such as Black, or: background:none; */
	border:1px solid white;
	border-radius: 5px;
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
	font:bold 13px/16px Arial;
	color:#069;
	z-index:4;
	text-align:center;
    background:none;
}
#slider div.mc-caption a { 
	color:#060;
}


/* ------ built-in navigation bullets wrapper that is relative to the #slider ------*/
#slider div.navBulletsWrapper  {
	display:none;
}

/* --------- Others ------- */

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}



/* -- thumbnails -- */
#thumbs 
{
    float:left;
    margin-left:10px;
    width:230px;
    font:normal 11px/13px Arial;
    border-top:1px solid #CCC;
    color:#666;
}
#thumbs .thumb 
{
    border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:11px 8px;
    background:#EEE;
}
#thumbs .thumb-on 
{
    background:#FFF;
}

#thumbs img{border:1px solid #DDD; cursor:pointer; width:70px; height:44px;}

#thumbs .frame {float:left;padding:2px;border:1px solid #CCC;background:white;border-radius:3px;box-shadow:0 0 3px #BBB;font-size:0;line-height:0;}
#thumbs .thumb-content {float:left;width:110px;padding-left:18px;}

/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {font-weight:bold; color:#BF5D9B; margin:0 0 3px;padding:0;}
#thumbs .thumb-on .thumb-content p {color:#BB0000;}


.code {
    border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-family:"Courier New", Georgia;
    font-size:12px; margin:6px 0;overflow:auto; 
	}
}

#contenido {
	/*margin:800 auto;
	width:990px;
	padding:5px 0 0 0;*/
	background:#FFF;
	/*margin:20px 0px 0px 180px;*/
	margin:0 auto;
	width:1000px;
	height:700px;
	position:relative;
	float:center;
}
#cabe{
    width:920px;
    margin:0 auto; /*center-aligned*/
    padding:20px;
    box-shadow: 0 0 5px #BBB;border:1px solid #CCC; background-color:#FFF;

	text-align: justify;
	/*padding:0 0 0 10px;
	width:600px;
	height:200px;*/
}
.content {
	padding:10px 20px 10px 300px;
	text-align:justify;
	background-color: trasnsparent;
	background-repeat: no-repeat;
	background-position: 50% 180px;
	background-attachment: fixed;
}
 .content p {
	padding:10px 0px 10px 150px;
	text-align: justify;
}
.content2 {
	padding:10px 120px 10px 10px;
	text-align: justify;
	background-color: trasnsparent;
	background-repeat: no-repeat;
	background-position: 50% 180px ;
	background-attachment: fixed;
}
 .content2 p {
	padding:10px 320px 10px 0px;
	text-align: justify;
}
 .cctv {
	background-image: url(imgs/pdts-1.png);
}
 .ctrlacc {
	background-image: url(imgs/pdts-2.png);
}
 .sdi {
	background-image: url(imgs/pdts-3.png);
}
 .ext {
	background-image: url(imgs/pdts-4.png);
}
 .plvh {
	background-image: url(imgs/pdts-5.png);
}
 .pcf {
	background-image: url(imgs/pdts-6.png);
}
 .ntrs {
	background-image: url(imgs/ntrs-1.png);
}
 .ntrsb {
	background-image: url(imgs/ntrs-2.png);
}
 .net {
	background-image: url(imgs/s5.png);
}
 .ban {
	background-image: url(imgs/triangles.png);
}


/*-- --*/
/*-- Inicia cuadro de contacto lado izquierdo y estilos para los ul y li del formulario --*/

.contact_form ul {
    	background-image: url("imgs/contact_l.png");
		background-repeat: no-repeat;
		position:right;
		float:bottom;
	width:550px;
    list-style-type:none;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:12px; 
	border-bottom:1px solid #eee;
	position:relative;
} 
.contact_form label {
    color: #282828;
    display: inline-block;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}
.contact_form input {
	height:20px; 
	width:220px; 
	padding:5px 8px;
}
.contact_form textarea {
	padding:8px; 
	width:300px;
}
.contact_form button {
	margin-left:90px;
}

/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 13px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:80px;
}

/* === Estilos de Validacion === */	

.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #3cafff;
	border-color: #1d4791;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Estilos del boton de Envio === */
button.submit {
   padding: 9px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 6px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
	opacity:.75;
	cursor: pointer; 
	color: #1d4791;
}
button.submit:active {
	border: 1px solid #1d4791;
	box-shadow: 0 0 10px 5px #1d4791 inset; 
}

/*-- Termina cuadro de contacto lado izquierdo --*/
/*-- Inicia estilo de contacto lado derecho --*/

#contact_r {
	background-image: url("imgs/contact_r.png");
		background-repeat: no-repeat;
		float:bottom;
	float:right;
	position:relative;
	width:370px;
	height:530px;
	margin: 14px 0 0 0;
}

/*-- Termina estilo de contacto lado derecho --*/
/*-- Inicia Pie de pagina --*/

#footer {
    font-family: 'TTWF',Arial,sans-serif;
	font-size:13px;
	background:#8d8d8d;
	width:1366px;
	min-height:200px;
	/*margin:10px 0px 0px 0px;*/
	margin:0 auto;
	/*padding:5px 0 0 0;*/
	color:#FFF;
}
#footer a {
	color:#FFF; 
	text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
	}
#footer b {
	font-weight:normal;
	color:#ff252a;
	}
#disclaimer {
	margin:200px 0 0 0;
    font-family: 'TTWF',Arial,sans-serif;
	font-size:11px;
	color:#FFF;
}

footer {
    position: relative;
    left: 0;
    width: 1366px;
	margin:0 auto;
    background: #004595;
	/* background: url(imgs/footer.jpg) ;*/

}

footer div {
    display: table;
    margin: 0 auto;
    padding: 44px 0;
    width: 1050px;
    color: #D2D2D2;
	    color: rgb(210, 210, 210);
}

footer div section {
    display: table-cell;
    width: 300px;
}

footer div #acerca, footer div #otrosBlogs {
    padding-right: 20px;
}
    
footer h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #F5F5F5;
		color: rgb(245, 245, 245);
}

footer a {
    color: #D2D2D2;
		color: rgb(210, 210, 210);
}

footer a:hover {
    color: #FFF;
    text-decoration: none;
}

footer ul {
    margin: 0 0 0 40px;
    list-style: square;
    color: #565656;
}
    
footer ul li a {
    display: block;
}

/*-- Termina de Pie de pagina --*/

#cajon1{
	background-image: url("imgs/support.png");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 120px 80px;
		float:bottom;
	float:right;
	position: absolute;
	width:350px;
}

/*-- Inicia estilo de error 404 --*/

#notfound {
	background-image: url("imgs/aspx.png");
		background-repeat: no-repeat;
		float:bottom;
    width:920px;
    margin:0 auto; /*center-aligned*/
    padding:20px;
    box-shadow: 0 0 5px #BBB;border:1px solid #CCC; background-color:#FFF;
	text-align: center;
}

/*-- Termina estilo de error 404 --*/