@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

@font-face{
	src:url(fonts/Gotham-Medium.otf);
	font-family:medium;
}

@font-face{
	src:url(fonts/Gotham-Light.otf);
	font-family:light;
}

body{
	background-image:url(imgs/fondo1680x1024.jpg);
	background-repeat:repeat-x;
	
}

#wrapper{
	width:960px;
	margin:0 auto;
	z-index:1;
		
}

#wrapper2{
	width:960px;
	margin:0 auto;	
}

header{
	position:relative;
	width:100%;
	height:80px;
	padding-top:15px;
	background-color:rgba(255,255,255,1.00);
	z-index:9999;
	margin:0 auto;
	
	
}

#logo_csc{
	padding-top:15px;
}

.static{
	width:100%;
	height:100px;
	margin-top:-15px;
	background-color:#ffffff;
	position:fixed;	
}

#menu_static{
	width:100%;
	height:px;
	
	position:fixed;
	z-index:600;	
}

#instituciones{
	float:right;
	padding-top:25px;
	margin-right:15px;
}

#instituciones_firma{
	float:right;
	padding-top:2px;
	margin-right:10px;
}
	
#menu_main ul li a span{
	transform:skewX(0deg);
}

#menu_main{
	width:100%;
	margin:0 auto;
	transform:skewX(45deg);
	text-decoration:none;
	position:relative;
	z-index:9998;
	
	

}

#menu_main ul li{
	color:rgba(0,0,0,1.00);
	display:inline-block;
	margin-left:0px;
	margin-right:4px;
	width:130px;
	height:35px;
	float:left;
	list-style:none;
	font-family:medium;
	text-decoration:none;
	text-transform:uppercase;
	background-color:rgba(255,255,255,1.00);
	position:relative;
	z-index:6;
	overflow:hidden;
}

#menu_main ul li a{
	position:absolute;
	text-decoration:none;
	color:rgba(0,0,0,1.00);
}

#menu_main ul li a span{
	font-size:14px;
	display:block;
	text-decoration:none;
	
	
}



#menu_main ul li:hover{
	background-color:rgba(98,98,98,1.00);
	color:#FFFFFF;
}

/*MENUS HIDE*/

#menu_main{
	display:
}

#dl-menu{
	display:none;
	height:35px;
	position:relative;
	z-index:500;
}

#footer_resp{
	display:none;
	font-family:light;
	font-size:9px;
	width:100%;
	text-align:center;
}

#tops_solos{
	display:none;
	width:100%;
	height:80px;
	background-color:#595959;
	text-decoration:none;
	margin:2px 0;
	
}

.tops_p{
	font-family:light;
	font-size:10px;
	text-align:justify;
	color:#FFFFFF;
	padding-top:7px;
	padding-right:15px;
	
}

.tops_solos p{
	text-decoration:none;
}

.no_link{ text-decoration:none;}

#cursos_ico2{
	float:left;
	font-family:medium;
	font-size:12px;
	text-transform:uppercase;
	width:80px;
	height:80px;
	text-align:center;
	line-height:120px;
	padding-left:10px;
	padding-right:5px;
	color:#FFFFFF;
	background-image:url(imgs/ico_cursos_01.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:50px;
	background-color:#595959;
	
}



#redes_ico2{
	float:left;
	font-family:medium;
	font-size:12px;
	text-transform:uppercase;
	width:80px;
	height:80px;
	text-align:center;
	line-height:120px;
	padding-left:10px;
	padding-right:5px;
	color:#FFFFFF;
	background-image:url(imgs/ico_redes_01.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:50px;
	background-color:#595959;
	
}



#manuales_ico2{
	float:left;
	font-family:medium;
	font-size:12px;
	text-transform:uppercase;
	width:80px;
	height:80px;
	text-align:center;
	line-height:120px;
	padding-left:10px;
	padding-right:5px;
	color:#FFFFFF;
	background-image:url(imgs/ico_manuales_01.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:50px;
	background-color:#595959;
	
}

#fac_ico2{
	float:left;
	font-family:medium;
	font-size:12px;
	text-transform:uppercase;
	width:80px;
	height:80px;
	text-align:center;
	line-height:15px;
	padding-left:10px;
	padding-right:5px;
	color:#FFFFFF;
	background-image:url(imgs/ico_fac_01.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:50px;
	background-color:#595959;
	position:relative;
	
}

#fac_ico2 div{
	position:absolute;
	bottom:10px;
	left:15px;
}

#latex_ico2{
	float:left;
	font-family:medium;
	font-size:12px;
	text-transform:uppercase;
	width:80px;
	height:80px;
	text-align:center;
	line-height:15px;
	padding-left:10px;
	padding-right:5px;
	color:#FFFFFF;
	background-image:url(imgs/ico_latex_01.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:50px;
	background-color:#595959;
	position:relative;
	
}

#latex_ico2 div{
	position:absolute;
	bottom:10px;
	left:15px;
}

.nota{
	color:#A80305;
}



/*SUB MENUS*/


#sub_nosotros{
	width:130px;
	height:auto;;
	
	position:absolute;
	display:block;
	top:-111px;
	overflow:hidden;
	z-index:4;
		
}

#sub_nosotros li{
	margin-bottom:2px;
}


#sub_nosotros li span{
	position:absolute;
	font-size:10px;
	display:block;
	transform:skewX(-45deg);
	text-decoration:none;
		
}

#sub_nosotros li:hover{
	color:rgba(255,255,255,1.00);
	cursor:pointer;
}



#sub_servicios{
	width:130px;
	height:auto;
	
	position:absolute;
	display:block;
	top:;
	left:134px;
	overflow:hidden;
	z-index:4;
	
}

#sub_servicios li{
	margin-bottom:2px;
}

#sub_servicios li span{
	position:absolute;
	font-size:11px;
	display:block;
	transform:skewX(-45deg);
	text-decoration:none;
	
}

#sub_servicios li:hover{
	color:rgba(255,255,255,1.00);
	cursor:pointer;
}


#sub_estu_area{
	position:relative;
	transform:skewX(45deg);
	z-index:500;
}

#sub_estu_btn{
	position:absolute;
	left:263px;
	top:109px;
	z-index:500;
}



#sub_estu_btn ul li{
	width:130px;
	height:35px;
	list-style:none;
	background-color:rgba(255,255,255,1.00);
	font-family:medium;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	text-align:center;
	z-index:500;
	margin-top:2px;
	display:inline-block;
	
}

#sub_estu_btn ul li span{
	position:absolute;
	transform:skewX(-45deg);
	
	
	text-align:center;
}

#sub_estu_btn ul li:hover{
	color:rgba(255,255,255,1.00);
	cursor:pointer;
	background-color:rgba(98,98,98,1.00);
}

#usr_lnx_btn{
	position:absolute;
	left:33px;
	top:7px;
	font-size:10px;
}

#mgsala_btn{
	position:absolute;
	left:170px;
	top:14px;
	font-size:10px;
}








#sub_acad_area{
	position:relative;
	transform:skewX(45deg);
	z-index:500;
}

#sub_acad_btn{
	position:absolute;
	left:263px;
	top:146px;
	z-index:500;
}



#sub_acad_btn ul li{
	width:130px;
	height:35px;
	list-style:none;
	background-color:rgba(255,255,255,1.00);
	font-family:medium;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	text-align:center;
	z-index:500;
	margin-top:2px;
	display:inline-block;
	
}

#sub_acad_btn ul li span{
	position:absolute;
	transform:skewX(-45deg);
	text-decoration:none;
	
	
	text-align:center;
}

#sub_acad_btn ul li:hover{
	color:rgba(255,255,255,1.00);
	cursor:pointer;
	background-color:rgba(98,98,98,1.00);
}

#pagsweb_btn{
	position:absolute;
	left:33px;
	top:7px;
	font-size:10px;
}

#aulas_btn{
	position:absolute;
	left:170px;
	top:14px;
	font-size:10px;
}






#sub_recu_area{
	position:relative;
	transform:skewX(45deg);
	z-index:500;
}

#sub_recu_btn{
	position:absolute;
	left:263px;
	top:183px;
	z-index:500;
}



#sub_recu_btn ul li{
	width:130px;
	height:35px;
	list-style:none;
	background-color:rgba(255,255,255,1.00);
	font-family:medium;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	text-align:center;
	z-index:500;
	margin-top:2px;
	display:inline-block;
	
}

#sub_recu_btn ul li span{
	position:absolute;
	transform:skewX(-45deg);
	
	
	text-align:center;
}

#sub_recu_btn ul li:hover{
	color:rgba(255,255,255,1.00);
	cursor:pointer;
	background-color:rgba(98,98,98,1.00);
}

#sftw_btn{
	position:absolute;
	left:30px;
	top:7px;
	font-size:10px;
}

#google_btn{
	position:absolute;
	left:160px;
	top:14px;
	font-size:10px;
}







#sub_nos_area{
	position:relative;
	transform:skewX(45deg);
	z-index:500;
	
}

#sub_nos_btn{
	position:absolute;
	left:130px;
	top:35px;
	z-index:500;
	
}



#sub_nos_btn ul li{
	width:130px;
	height:35px;
	list-style:none;
	background-color:rgba(255,255,255,1.00);
	font-family:medium;
	text-transform:uppercase;
	text-align:center;
	z-index:500;
	margin-top:2px;
	display:inline-block;
	color:#000000;
	text-decoration:none;
	
}



#sub_nos_btn ul li span{
	position:absolute;
	transform:skewX(-45deg);
	text-align:center;
	
}

#sub_nos_btn ul li:hover{
	color:rgba(255,255,255,1.00);
	cursor:pointer;
	background-color:rgba(98,98,98,1.00);
}



#coord_btn{
	position:absolute;
	left:20px;
	top:14px;
	font-size:10px;
}

#xfc_btn{
	position:absolute;
	left:320px;
	top:14px;
	font-size:10px;
}
#red_nos_btn{
	
	position:absolute;
	left:180px;
	top:14px;
	font-size:10px;
}

#mant_btn{
	position:absolute;
	right:20px;
	top:14px;
	font-size:10px;
}

#proy_btn{
	
	position:absolute;
	right:170px;
	top:14px;
	font-size:10px;
}





#sub_seguridad{
	width:130px;
	height:auto;
	position:absolute;
	display:block;
	top:;
	left:402px;
	overflow:;
	z-index:4;
	
}

#sub_seguridad li{
	margin-bottom:2px;
}

#sub_seguridad li span{
	position:absolute;
	font-size:10px;
	display:block;
	transform:skewX(-45deg);
	text-decoration:none;
	
}

#sub_seguridad li:hover{
	color:rgba(255,255,255,1.00);
	cursor:pointer;
}






















#sub_manuales{
	width:130px;
	height:auto;;
	
	position:absolute;
	display:block;
	top:-148px;
	left:268px;
	overflow:hidden;
	z-index:4;
}

#sub_manuales li{
	margin-bottom:2px;
}

#sub_manuales li:hover{
	color:rgba(255,255,255,1.00);
	cursor:pointer;
}

#sub_manuales li span{
	position:absolute;
	font-size:10px;
	display:block;
	transform:skewX(-45deg);
	text-decoration:none;
	text-align:center;
}

/* Titulos botones MENU P */
#nosotros span{
	position:absolute;
	left:25px;
	top:8px;
	transform:skewX(-45deg);
	font-size:14px;
}

#servicios span{
	position:absolute;
	left:25px;
	top:8px;
	transform:skewX(-45deg);
	font-size:14px;
}

#manuales span{
	position:absolute;
	left:25px;
	top:8px;
	transform:skewX(-45deg);
	font-size:14px;
}

#seguridad span{
	position:absolute;
	left:25px;
	top:8px;
	transform:skewX(-45deg);
	font-size:14px;
}

#publicaciones span{
	position:absolute;
	left:6px;
	top:8px;
	transform:skewX(-45deg);
	font-size:14px;
}


/* Titulos botones NOSOTROS */

#qs span{
	position:absolute;
	left:15px;
	top:10px;
	
	
}

#areas span{
	position:absolute;
	left:45px;
	top:10px;
}

#contacto span{
	position:absolute;
	left:35px;
	top:10px;
}


/* Titulos botones menu SERVICIOS */

#cursos_btn span{
	position:absolute;
	left:40px;
	top:12px;
}

#redes_btn span{
	position:absolute;
	left:40px;
	top:10px;
}

#estu_btn span{
	position:absolute;
	left:20px;
	top:12px;
}

#acad_btn span{
	position:absolute;
	left:20px;
	top:12px;
}

#recu_btn span{
	position:absolute;
	left:26px;
	top:12px;
}

#latex_btn span{
	position:absolute;
	left:38px;
	top:12px;
}

/* Titulos botones menu MANUALES */

#correo2_btn span{
	left:40px;
	top:12px;
}


#guias_btn span{
	position:absolute;
	left:30px;
	top:6px;
}

#mv_btn span{
	position:absolute;
	left:10px;
	top:6px;
}

#redconfig_btn span{
	position:absolute;
	left:20px;
	top:6px;
}

#links_btn span{
	position:absolute;
	left:34px;
	top:11px;
}

/* Titulos botones SEGURIDAD */

#segint_btn span{
	position:absolute;
	left:30px;
	top:11px;
}

#malware_btn span{
	position:absolute;
	left:35px;
	top:12px;
}

#ap_btn span{
	position:absolute;
	left:25px;
	top:11px;
}

#segredes_btn span{
	position:absolute;
	left:27px;
	top:6px;
}

#comision_btn span{
	position:absolute;
	left:35px;
	top:11px;
}

#segequip_btn span{
	position:absolute;
	left:35px;
	top:11px;
}


/* Inicio Btn */

#home{
	background-image:url(imgs/home_btn.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:20px;
	width:50px;
}



#home:hover{
	background-image:url(imgs/home_btn2.png);
	
}



#pico{
	
	position:relative;
}

#pico article{
	width:0px;
	height:0px;
	position:absolute;
	
	top:-5px;
	
}




#tops_ico{
	width:960px;
	height:150px;
	margin-top:180px;
	clear:both;
	
}

#tops_txt{
	width:960px;;
	height:50px;

}

#tops_ico article{
	float:left;
	
	
}



#cursos_ico{
width: 100px;
height: 100px;
background-color:rgba(0,0,0,1.00);
background-image:url(imgs/cursos_icon.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin: 30px 0 5px 93px;
	
}

#cursos_ico:hover{
	background-image:url(imgs/cursos_iconhover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}






#redes_ico{
	width: 100px;
height: 100px;
background-color:rgba(0,0,0,1.00);
background-image:url(imgs/redes_ico.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin: 30px 0 5px 93px;
	
}

#redes_ico:hover{
	background-image:url(imgs/redes_icohover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}

#manuales_ico{
	width: 100px;
height: 100px;
background-color:rgba(0,0,0,1.00);
background-image:url(imgs/manuales_ico.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin: 30px 0 5px 93px;
	
}

#manuales_ico:hover{
	background-image:url(imgs/manuales_icohover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}

#fac_ico{
	width: 100px;
height: 100px;
background-color:rgba(0,0,0,1.00);
background-image:url(imgs/fac_ico.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin: 30px 0 5px 90px;
}

#fac_ico:hover{
	background-image:url(imgs/fac_icohover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}

#latex_ico{
	width: 100px;
height: 100px;
background-color:rgba(0,0,0,1.00);
background-image:url(imgs/latex_ico.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin: 30px 0 5px 90px;
	
}

#latex_ico:hover{
	background-image:url(imgs/latex_icohover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}





#tops_txt article{
	font-family:medium;
	display:inline-block;
	text-align:center;
	width:186px;
	height:auto;
	font-size:18px;
}



#tops_info{
	width:100%;
	height:300px;
	

}

#tops_info article{
	display:inline-block;
	width:192px;
	
	height:auto;
	float:left;
	margin-top:30px;
	
}

#tops_info p{
	margin-left:25px;
	margin-right:5px;
	text-align:left;
	font-family:light;
	font-size:14px;
}

#tops_info a{
	font-family:medium;
	font-size:14px;
	margin-left:25px;
	text-decoration:none;
	color:#05B1B8
	
}

#tops_info a:hover{
	color:#FFC500;
}

footer{
	clear:both;
	width:960px;
	height:60px;
	font-family:light;
	font-size:10px;
	text-align:center;
	margin:40px auto;
	background-color:#FFFFFF;
	
}

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

/* seccion Nosotros*/

#titulo_nosotros{
	
	padding-top:;
}

#mision{
	margin-top:90px;
}

.titulo_seccion{
	color:#FFFFFF;
	font-family:light;
	font-size:70px;
	text-transform:uppercase;
	text-align:left;
	padding-top:50px;
	margin-left:30px;
	
}

.parrafos_titulos{
	
color:#FFFFFF;
font-family:light;
font-size:16px;
text-align:justify;
margin-top:20px;

}

.titulo_seccion_blk{
	color:#000000;
	font-family:light;
	font-size:70px;
	text-transform:uppercase;

	margin-top:40px;
}

.parrafos_titulos_blk{
	
color:#000000;
font-family:light;
font-size:16px;
text-align:justify;
margin-top:20px;

}

#vision_title{
	text-align:right;
	
}

#divisor{
	width:100%;
	background-color:#363636;
	height:10px;
	margin-top:30px;
	margin-bottom:20px;
	transform:skewX(45deg);
}

#botones_finales_nosotros{
	display:inline-block;
	font-family:medium;
	text-decoration:none;
	width:100%;
	height:380px;
	
	text-transform:uppercase;
	position:relative;
}

#area_final_btn{
	width:280px;
	height:280px;
	background-image:url(imgs/areas_btn_bkg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	
	color:#FFFFFF;
	margin-left:90px;
	border-radius:50% 50% 50% 50%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	
}

#area_final_btn span{
	font-size:35px;
	position:absolute;
	top:120px;
	left:160px;
	text-shadow:3px 3px 3px #000000;
}

#area_final_btn:hover{
	background-image:url(imgs/areas_btn_bkg_hover.jpg);
	background-position:center;
	background-repeat:no-repeat;
	color:#00E1FF;
}

#contacto_final_btn{
	width:280px;
	height:280px;
	background-image:url(imgs/contacto_btn_bkg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	float:right;
	text-align:center;
	color:#FFFFFF;
	margin-right:90px;
	border-radius:50% 50% 50% 50%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
}

#contacto_final_btn span{
	font-size:35px;
	position:absolute;
	top:120px;
	right:130px;
	text-shadow:3px 3px 3px #000000;
}

#contacto_final_btn:hover{
	background-image:url(imgs/contacto_btn_bkg_hover.jpg);
	background-position:center;
	background-repeat:no-repeat;
	color:#00E1FF;
}



/* SEGURIDAD */


#seguridad_title{
	padding-top:0px;
	width:100%;
	height:420px;
	padding-bottom:;
	margin-bottom:;
	
	
	color:#FFFFFF;
	font-family:light;
	font-size:14px;
	
}

#seguridad_title p{
	width:900px;
	text-align:justify;
	margin-left:25px;
}

#seguridad_title ul {
	margin-left:35px;
}

#seguridad_rubros{
	width:100%;
	height:320px;
		
}

#seccion_seguridad_btns{
	width:100%;
	height:auto;
	margin-top:20px;
	
	
	
}

#seccion_seguridad_btns article{
	margin-top:40px;
	width:100px;
	height:100px;
	display:inline-block;
	
	
}


#remate{
	height:120px;
	position:relative;
	top:-1px;
	
}


#seg_int_btn{
background-color:rgba(0,0,0,1.00);
background-image:url(imgs/seg_internet_ico.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin-left:100px;

}

#seg_int_btn:hover{
	background-image:url(imgs/seg_internet_ico_hover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}

#seg_redes_btn{

background-color:rgba(0,0,0,1.00);
background-image:url(imgs/seg_redes_ico.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin-left:80px;

}

#seg_redes_btn:hover{
	background-image:url(imgs/seg_redes_ico_hover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}


#seg_equipos_btn{

background-color:rgba(0,0,0,1.00);
background-image:url(imgs/seg_equipos_ico.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin-left:93px;

}

#seg_equipos_btn:hover{
	background-image:url(imgs/seg_equipos_ico_hover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}

#seg_malware_btn{

background-color:rgba(0,0,0,1.00);
background-image:url(imgs/seg_malware_ico.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin-left:88px;

}

#seg_malware_btn:hover{
	background-image:url(imgs/seg_malware_ico_hover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}

#seg_comision_btn{

background-color:rgba(0,0,0,1.00);
background-image:url(imgs/seg_comision_ico.png);
background-repeat:no-repeat;
background-size:70px;
background-position:center;
border-radius:10px 10px 10px 10px;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin-left:83px;
}

#seg_comision_btn:hover{
	background-image:url(imgs/seg_comision_ico_hover.png);
	background-color:rgba(98,98,98,1.00);
	cursor:pointer;
}

#seg_btns_txt{
	width:100%;
	height:auto;
	font-family:medium;
}

#seg_btns_txt article{
	width:120px;
	display:inline-block;
	text-align:center;
	margin-top:20px;
	
}

#seg_int_txt{
	margin-left:45px;
}
#seg_redes_txt{
	margin-left:60px;
}
#seg_equipos_txt{margin-left:70px;}
#seg_malware_txt{
	margin-left:65px;
}
#seg_comision_txt{
	margin-left:65px;
}

#seg_btns_parr{
	width:100%;
	height:auto;
	font-family:light;
	font-size:12px;
	text-align:left;
	margin-top:20px;
	margin-bottom:200px;
	
}

#seg_btns_parr article{
	float:left;
	width:130px;
}

#seg_int_parr{
	
	margin-left:45px;
}

#seg_redes_parr{
	
	margin-left:55px;
}

#seg_equipos_parr{
	
	margin-left:70px;
}

#seg_malware_parr{
	
	margin-left:55px
}

#seg_comision_parr{
	
	margin-left:55px;
}


/*
#seguridad_rubros2{
	width:100%;
	height:320px;
	background-color:#FF0004;
	
	
}

#seguridad_rubros article{
	width:320px;
	height:320px;
	background-color:#999494;
	text-decoration:none;
	float:left;
	position:relative;
	
}

#seguridad_rubros2 article{
	width:320px;
	height:320px;
	background-color:#999494;
	text-decoration:none;
	float:left;
	position:relative;
	
}

#en_internet_btn{
	background-image:url(imgs/seguridad_internet_btn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
	font-family:medium;
	text-transform:uppercase;
	font-size:24px;
	text-align:center;
	
	
}

#en_internet_btn span{
	position:absolute;
	left:80px;
	bottom:25px;
}

#en_internet_btn:hover{
	color:#FFFFFF;
	background-image:url(imgs/seguridad_internet_btn_hover.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#en_ri_btn{
	background-image:url(imgs/seguridad_redes_btn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
	font-family:medium;
	text-transform:uppercase;
	font-size:24px;
	text-align:center;
	
}

#en_ri_btn span{
	position:absolute;
	left:65px;
	bottom:25px;
}

#en_ri_btn:hover{
	color:#FFFFFF;
	background-image:url(imgs/seguridad_redes_btn_hover.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#en_equipos_btn{
	background-image:url(imgs/seguridad_equipos_btn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
	font-family:medium;
	text-transform:uppercase;
	font-size:24px;
	text-align:center;
}

#en_equipos_btn span{
	position:absolute;
	left:90px;
	bottom:25px;
}

#en_equipos_btn:hover{
	color:#FFFFFF;
	background-image:url(imgs/seguridad_equipos_btn_hover.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#malware_btn2{
	background-image:url(imgs/seguridad_malware_btn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
	font-family:medium;
	text-transform:uppercase;
	font-size:24px;
	text-align:center;
}

#malware_btn2 span{
	position:absolute;
	left:90px;
	bottom:25px;
}

#malware_btn2:hover{
	color:#FFFFFF;
	background-image:url(imgs/seguridad_malware_btn_hover.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#ap2_btn{
	background-image:url(imgs/seguridad_ap_btn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
	font-family:medium;
	text-transform:uppercase;
	font-size:24px;
	text-align:center;
}

#ap2_btn span{
	position:absolute;
	left:70px;
	bottom:25px;
}

#ap2_btn:hover{
	color:#FFFFFF;
	background-image:url(imgs/seguridad_ap_btn_hover.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#comision_btn2 {
	background-image:url(imgs/seguridad_comision_btn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
	font-family:medium;
	text-transform:uppercase;
	font-size:24px;
	text-align:center;
}

#comision_btn2 span{
	position:absolute;
	left:90px;
	bottom:25px;
}

#comision_btn2:hover{
	color:#FFFFFF;
	background-image:url(imgs/seguridad_comision_btn_hover.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
*/
/*Seguridad en internet*/


#seguridad_internet_encabezado{
	padding-top:30px;
	width:960px;
	height:390px;
	margin-bottom:0px;
	background-image:url(imgs/seguridad_internet_title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#000000;
	
	color:#FFFFFF;
	font-family:light;
	font-size:14px;
}

#publicaciones_encabezado{
	padding-top:30px;
	width:960px;
	height:290px;
	margin-bottom:0px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#000000;
	
	color:#FFFFFF;
	font-family:light;
	font-size:14px;
}


#seguridad_internet_encabezado article ul li{
	
	margin-left:32px;
}	
	

#seguridad_internet_encabezado article p{
	width:700px;
	text-align:justify;
	margin-left:20px;
}


#seguridad_internet_title{
	padding-top:25px;
	font-family:light;
	font-size:70px;
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:60px;
	margin-left:20px;
	margin-bottom:20px;

}




/*21-08-2016 Nueva estructura seg en internet*/

.parrafo_dos_col{
	clear:both;
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:0px;
}

.parrafo_dos_col article{
	width:50%;
	height:auto;
	background-color:;
	float:left;
}

#password_img{
	width:50%;
	height:auto;
	margin-left:20px;
	
}

.titulos_h2_der{
	margin-right:10px;
	font-size:28px;
	font-family:medium;
	text-align:right;
}

.titulos_articulos{
	margin-right:10px;
	font-size:22px;
	font-family:medium;
	text-align:right;
}

.parrafo_derecha{
	font-family:light;
	text-align:justify;
	font-size:14px;
	margin-left:20px;
	margin-right:10px;
	margin-top:20px;
}

.titulos_h2_izq{
	padding-top:20px;
	margin-left:20px;
	font-size:28px;
	font-family:medium;
	text-align:left;
}

.parrafo_sencillo{
	clear:both;
	width:90%;
	height:auto;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
}

.galeria_cuatro_espacios{
	width:90%;
	margin:0 auto;
	height:200px;
	
}

.galeria_cuatro_espacios article{
	width:24%;
	float:left;
	margin-left:3px;
	margin-right:3px;
	border:solid 1px #6A6A6A; 
}

.cuarto_espacio{
	text-align:center;
	font-family:light;
	height:200px;
}

.cuarto_espacio_central{
	font-size:40px;
	font-family:medium;
	padding-top:px;
	line-height:160px;
}

.cuarto_espacio_texto{
	text-align:center;
	padding-top:30px;
}

.cuarto_espacio_textocentral{
	text-align:center;
	line-height:100px;
	font-size:20px;
}

#lveb{
	padding-top:20px;
}

#anuncio01{
	width:90%;
	height:400px;
	background-color:#9E1F62;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	z-index:400;
}

#cabeza01{
	font-family:Helvetica;
	font-weight:700;
	font-size:70px;
	color:#D6DF21;
	margin-left:20px;
	padding-top:30px;
	line-height:60px;
}

#body01{
	padding-top:40px;
	margin-left:20px;
	font-family:Helvetica;
	color:rgba(255,255,255,1.00);
	font-size:20px;
}

#anuncio02{
	width:90%;
	height:400px;
	background-color:#FFF101;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}

#cabeza02{
	font-family:Helvetica;
	font-weight:700;
	font-size:70px;
	color:rgba(0,0,0,1.00);
	margin-left:20px;
	padding-top:30px;
	line-height:60px;
}

#body02{
	width:50%;
	padding-top:40px;
	margin-left:20px;
	font-family:Helvetica;
	color:rgba(0,0,0,1.00);
	font-size:20px;
}

#anuncio03{
	width:90%;
	height:400px;
	background-color:#009F9F;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	clear:both;
}

#cabeza03{
	font-family:Helvetica;
	font-weight:700;
	font-size:50px;
	color:#FFF101;
	margin-left:20px;
	padding-top:30px;
	line-height:60px;
}

#body03{
	width:50%;
	padding-top:40px;
	margin-left:20px;
	font-family:Helvetica;
	color:#FFFFFF;
	font-size:20px;
}

#anuncio04{
	width:90%;
	height:400px;
	background-color:#3AB54A;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	clear:both;
}

#cabeza04{
	font-family:Helvetica;
	font-weight:700;
	font-size:80px;
	color:#ffffff;
	margin-left:20px;
	padding-top:30px;
	line-height:80px;
}

#body04{
	width:50%;
	padding-top:40px;
	margin-left:20px;
	font-family:Helvetica;
	color:#FFFFFF;
	font-size:20px;
}

#anuncio05{
	width:90%;
	height:400px;
	background-color:#3B5B99;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	clear:both;
}

#cabeza05{
	font-family:Helvetica;
	font-weight:700;
	font-size:80px;
	color:#ffffff;
	margin-left:20px;
	padding-top:30px;
	line-height:80px;
}

#body05{
	width:50%;
	padding-top:40px;
	margin-left:20px;
	font-family:Helvetica;
	color:#FFFFFF;
	font-size:20px;
}

.logos_campana{
	width:100%;
	height:auto;
}

.logos_campana img{
	width:50%;	
	position:absolute;
	right:-80px;
	bottom:10px;
}

.link_section{
	width:90%;
	height:50px;
	background-color:rgba(219,219,219,1.00);
	margin:0 auto;
	margin-top:20px;
	font-family:medium;
	font-size:16px;
	line-height:50px;
	color:rgba(133,133,133,1.00);
}

.link_section article{
	margin-left:20px;
}
.link_section a{
	text-decoration:none;
}
.link_section a:hover{
	color:#EA552A;
}

#phishing_img{
	width:75%;
	height:auto;
	margin-top:0px;
	margin-left:60px;
	border-radius:50% 50% 50% 50%;
	
}

.lista_visual{
	width:90%;
	height:auto;
	margin:0 auto;
	background-color:;
}

.lista_vis_titulo{
	font-family:medium;
	font-size:18px;
	height:50px;
	line-height:50px;
	text-align:center;
}
.lista_vis_contenido{
	margin-top:-10px;
	margin-bottom:10px;
	font-family:medium;
	font-size:30px;
	text-align:center;
	height:80px;
	line-height:80px;
	border:solid 1px #6A6A6A;
	
}

.rojo{
	color:#E50609;
}

.verde{color:#3B9F0D;}

#social_media_img{
	width:70%;
	height:auto;
	margin-left: 40px;
	border-radius:100%;
}

#rs_tabla{
	clear:both;
	width:90%;
	height:430px;
	margin:0 auto;
	margin-top:0px;
	border:solid 2px #D40003;
	padding-top:40px;
	
}

#ing_social{
	width:90%;
	height:400px;
	margin:0 auto;
	
	background-color:#585858;
}




#ing_social article{
	width:25%;
	float:left;
	color:ffffff;
	margin-left:px;
}


#ing_soc_efectiva h4{
	color:#ffffff;
}

#ing_social h4{
	color:#FFFFFF;
	margin-left:10px;
}

#ing_social p{
	color:#FFFFFF;
	font-family:light;
	font-size:12px;
	height:100px;
	margin-left:8px;
	margin-right:8px;
	
}

#ing_social img{
	width:200px;
	margin-left:8px;
}



















/*Vieja estructura abajo*/



#passwords_tips{
	width:100%;
	
	margin-bottom:20px;
	display:inline-block;
	padding-bottom:30px;
	
	
}

#passwords_tips article{
	margin-top:20px;
	margin-left:px;
}
 #passwords_tips article img{
float:left;
width:250px;
height:auto;
margin-top:10px;
margin-left:50px;
 }
 
 #passwords_tips article p{
	width:580px;
	text-align:justify;
	float:left;
	margin-right:20px;
	font-family:light;
	font-size:16px;
	margin-top:10px;
	margin-left:20px;
 }






#creacion_passwords{
	width:100%;
	margin-left:20px;
	clear:both;
	
	
}



#creacion_passwords article h3{
	float:left;
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	width:100%;
}

#creacion_passwords article p{
	float:left;
	width:100%;
	font-family:light;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
}

.passwd_tips_ejemplos{
	padding-top:20px;
	margin:0 auto;
	text-align:center;
	font-family:light;
	font-size:20px;
	clear:both;
	width:80%;
	color:#000000;
	
	
}

.passwd_tips_ejemplos span{
	font-family:medium;
	font-size:30px;
}

.passwd_tips_graficos{
	clear:both;
	text-align:center;
	font-family:light;
	font-size:30px;
	clear:both;
	letter-spacing:5px;
	font-weight:900;
	padding-top:20px;
	padding-bottom:20px;
	color:#05B1B8;
	
}


.linea{
	width:50%;
	margin:0 auto;
	height:1px;
	border-bottom:solid thin #D5D5D5;
}

#validez_passwords{
	width:95%;
	margin-left:20px;
	margin-top:50px;
	clear:both;
	text-align:justify;
}

#validez_passwords article h3{
	
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	width:100%;
}


#validez_passwords article p{
	
	width:100%;
	font-family:light;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
}






.mas_info{
	background-color:#EA552A;
	height:auto;
	width:960px;
	margin-bottom:30px;
	clear:both;
}

.mas_info article{
	margin-left:20px;
	margin-top:20px;
	padding-top:30px;
	padding-bottom:30px;
	font-family:light;
	font-size:16px;

}

.mas_info article a{
	text-decoration:none;
	color:#1C178C;
	
}

.mas_info article a:hover{
	
	color:#FFDE00;
}

#sitios_phishing{
	width:100%;
	margin-bottom:20px;
	display:inline-block;
	padding-bottom:30px;
	
	margin-left:20px;
	margin-top:30px;
	clear:both;
	text-align:justify;
	
}

#sitios_phishing h3{
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	width:100%;
}

#sitios_phishing article p{
	float:left;
	width:690px;
	margin-right:20px;
	font-family:light;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
}

#deteccion_phish{
	width:100%;
	margin-bottom:20px;
	display:inline-block;
	padding-bottom:30px;
	
	margin-left:20px;
	margin-top:30px;
	clear:both;
	text-align:justify;
}

#deteccion_phish h3{
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	width:100%;
}

#deteccion_phish article p{
	float:left;
	width:690px;
	margin-right:20px;
	font-family:light;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
}

.passwd_tips_graficos span{
	font-face:medium;
	font-size:50px;
	color:#EA552A;
	
}

#comp_sitios_maliciosos{
	width:100%;
	margin-bottom:0px;
	display:inline-block;
	padding-bottom:30px;
	
	margin-left:20px;
	margin-top:30px;
	clear:both;
	text-align:justify;
}

#comp_sitios_maliciosos h3{
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	width:100%;
}

#comp_sitios_maliciosos article p{
		float:left;
	width:100%;
	margin-right:20px;
	font-family:light;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
}

#enlaces_inseguros{
	width:100%;
	margin-bottom:0px;
	display:inline-block;
	padding-bottom:30px;
	
	margin-left:20px;
	margin-top:30px;
	clear:both;
	text-align:justify;
}

#enlaces_inseguros h3{
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	width:100%;
}

#enlaces_inseguros article p{
		float:left;
	width:100%;
	margin-right:20px;
	font-family:light;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
}

.titulo_seccionh2{
	font-family:medium;
	width:100%;
	font-size:40px;
	text-transform:uppercase;
	float:left;
	margin-left:20px;
	
}

#rs_intro{
	width:100%;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
}

.parrafo_completo{
		float:left;
	width:100%;
	margin-right:20px;
	font-family:light;
	font-size:16px;
	margin-top:10px;
	margin-bottom:30px;
	text-align:justify;
}

.parrafo_imgs{
		float:left;
	width:70%;
	margin-right:20px;
	font-family:light;
	font-size:16px;
	margin-top:10px;
	margin-bottom:30px;
	margin-left:20px;
	text-align:justify;
}

.icono_lista{
	width:50px;
	height:auto;
	float:left;
	margin-left:60px;
}


#inicio_sesion_rs{
	clear:both;
	width:100%;
	margin-bottom:0px;
	display:inline-block;
	padding-bottom:30px;
	
	margin-left:20px;
	margin-top:30px;
	
	
}

.titulo_seccion_h3{
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	width:100%;
	
}



#ing_soc{
	clear:both;
	width:100%;
	margin-bottom:0px;
	display:inline-block;
	padding-bottom:0px;
	
	margin-left:20px;
	margin-top:30px;
}

#ing_soc_efectiva{
	clear:both;
	width:100%;
	margin-bottom:0px;
	display:inline-block;
	padding-bottom:30px;
	background-color:#585858;
	margin-left:20px;
	margin-top:5px;
}

h4{
	font-family:medium;
	font-size:18px;
	margin-bottom:5px;
}

#ing_soc_efectiva article{
	width:210px;
	float:left;
	margin:15px 15px;
}

#ing_soc_efectiva p{
	font-family:light;
	height:110px;
	font-size:16px;
	text-align:left;
	margin-bottom:10px;
	color:#ffffff;
}

#ing_soc_efectiva h4{
	color:#ffffff;
}

#pregunta_ing_soc{
	padding-left:10px;
	padding-top:15px;
	color:#FFFFFF;
}


#ejemplos_ing_soc{
	width:100%;
	margin-left:20px;
	margin-top:30px;
	
}

#ejemplos_ing_soc article{
	float:left;
}

#ejemplos_ing_soc p{
	width:
}

#ejemplos_ing_soc img{
	float:left;
}

/*LATEX*/

#latex_parr_titulo{
	width:500px;
	padding-top:30px;
	margin-bottom:90px;
}

#latex_parr_titulo a{
	color:#FFD600;
}

#servicios_latex{
	width:960px;
	margin-top:50px;
	
	
}

#servicios_latex article{
	width:475px;
	height:200px;
	display:inline-block;
	text-align:center;
	background-color:#000000;
	text-decoration:none;
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	color:#FFFFFF;
	
}

#servicios_latex  a article:hover{
	background-color:#838383;
	color:#FFD600;
}

#portada_tesis_latex{
	background-image:url(imgs/portada_tesis.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100px;
}

#portada_tesis_latex:hover{
	background-image:url(imgs/portada_tesis_blk.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100px;
}

#portada_tesis_latex div{
	margin-top:170px;
}

#cursos_latex{
	background-image:url(imgs/cursos_latex.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100px;
}

#cursos_latex:hover{
	background-image:url(imgs/cursos_latex_blk.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100px;
}

#cursos_latex div{
	margin-top:170px;
}

#descripcion_servicios_latex article{
	width:478px;
	margin-top:20px;
	height:200px;
	display:inline-block;
	background-color:#ffffff;
	vertical-align:top;

}

#descripcion_servicios_latex p{
	font-family:light;
	font-size:14px;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
}

#latex_links article{
	text-align:center;
}

#latex_links a{
	text-decoration:none;
}

#latex_links a article:hover{
	background-color:#000000;
}

/* Portada Tesis php */

#encabezado_portada_latex{
	width:100%;
	padding-top:60px;
}

#portada_latex_titulo{
	font-size:50px;
	font-family:light;
	text-align:left;
	color:#FFFFFF;
	text-transform:uppercase;
}

#portada_latex_h2{
	margin-top:40px;
	color:#FFFFFF;
	font-family:medium;
	font-size:34px;
	text-transform:uppercase;
}

#formulario_latex{
	width:100%;
	margin-top:60px;
	font-family:medium;
	font-size:18px;
}

#formulario_latex article{
	width:500px;
	margin-top:10px;
	margin-bottom:10px;
	
}

.campo{
	width:80%;
	height:20px;
	font-family:light;
}

.formulario_opcion{
	width:50%;
	height:20px;
	font-family:light;
}



.submit_btn{
	width:250px;
	height:60px;
	font-family:light;
	font-size:14px;
	text-transform:uppercase;
	background-color:#008EFF;
	margin-top:40px;
	color:#FFFFFF;
	border-radius:10px 10px 10px 10px;
	cursor:pointer;
	
}

.submit_btn:hover{
	background-color:#A7E40D;
	color:#000000;
}

/* CONTACTO */


#h2contacto_bco{
	color:#FFFFFF;
	font-family:light;
	font-size:38px;
	text-transform:uppercase;
	margin-top:60px;
}

#h3contacto_bco{
	color:#FFFFFF;
	font-family:medium;
	font-size:20px;
	margin-top:10px;
}

#ficha_contacto{
	float:left;
}

#ficha_contacto p{
	margin-top:40px;
	margin-bottom:160px;
}



#escudo_contacto img{
	float:left;
	width:200px;
	height:auto;
	margin-top:60px;
	margin-left:120px;
}


/* CURSOS */

#parrafo_intro_cursos{
	width:700px;
	margin-top:150px;
}

#intro_cursos{
	width:100%;
	height:420px;
	background-image:url(imgs/portada_cursos.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#boton_cursos{
	margin:0 auto;
	width:300px;
	height:50px;
	background-color:#000000;
	margin-top:40px;
	-webkit-transform:skewX(45deg);
	-moz-transform:skewX(45deg);
	-ms-transform:skewX(45deg);
	-o-transform:skewX(45deg);
	
}

#boton_cursos a{
	text-decoration:none;
}

#boton_cursos:hover{
	background-color:#FFB700;
	
}

#cursos_php_btn{
	color:#FFFFFF;
	
	text-align:center;
	font-family:medium;
	text-transform:uppercase;
	line-height:50px;
	-webkit-transform:skewX(-45deg);
	-moz-transform:skewX(-45deg);
	-ms-transform:skewX(-45deg);
	-o-transform:skewX(-45deg);
	
}

#cursos_php_btn:hover{
	color:#000000;
	}


/* REDES */

#redes_intro{
	width:100%;
	height:420px;
	background-image:url(imgs/portada_redes.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#parrafo_red_intro{
	width:700px;
	margin-top:70px;
}

#seccion_redes_01{
	margin-top:40px;
}

.nombres_highlights{
	font-family:light;
	font-size:40px;
	letter-spacing:5px;
	font-weight:900;
	padding-top:20px;
	padding-bottom:px;
	color:#05B1B8;
}

#seccion_redes_03{
	width:100%;
	height:240px;
	
}

#seccion_redes_03 article{
	width:234px;
	height:234px;
	float:left;
	margin-right:6px;
	background-color:#000000;
}

#seccion_redes_03 article p{
	color:#FFFFFF;
	font-family:light;
	text-align:center;
	padding-left:33px;
	padding-right:33px;
	padding-top:35px;
	font-size:22px;

}

#seccion_redes_04{
	clear:both;
}

#seccion_redes_05{
	clear:both;
	
}

#seccion_redes_05 a{
	text-decoration:none;
}

.link_tab{
	width:600px;
	height:100px;
	background-color:#000000;
	color:#FFFFFF;
	text-align:center;
	line-height:100px;
	font-family:medium;
	font-size:20px;
	text-transform:uppercase;
	-webkit-transform-origin:0% 50%;
	-webkit-transform:perspective(600px) rotateX(-30deg);
	-moz-transform-origin:0% 50%;
	-moz-transform:perspective(600px) rotateX(-30deg);
	-o-transform-origin:0% 50%;
	-o-transform:perspective(600px) rotateX(-30deg);
	
	
}

.link_tab div{
	-webkit-transform-origin:0% 50%;
	-webkit-transform:perspective(600px) rotateX(30deg);
	-moz-transform-origin:0% 50%;
	-moz-transform:perspective(600px) rotateX(30deg);
}

.link_tab:hover{
	background-color:#B0B0B0;
	color:#000000;
}

/* Pruebas flechas */

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 480px solid transparent;
  border-right: 480px solid transparent;
  
  border-top: 480px solid #000000;
}

.down-arrow {
	border-color: black transparent;
	border-style: solid;
	border-width: 120px 478px 0px 485px;
	height: 0px;
	width: 0px;
}



/* ESTUDIANTES */

#seccion_estudiantes_01{
	width:100%;
	height:420px;
}

#parrafo_estudiantes_intro{
	width: 700px;
	margin-top:40px;
}

#seccion_estudiantes_02{
	width:100%;
	height:200px;
	margin-top:30px;
	
}

#seccion_estudiantes_02 a article{
	float:left;
	background-color:#000000;
	width:200px;
	height:200px;
	border-radius:50% 50%;
	text-align:center;
	line-height:200px;
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	color:rgba(255,255,255,1.00);
	margin-left:130px;
	margin-right:130px;
	text-decoration:none;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	
}

#seccion_estudiantes_02 a article:hover{
	background-color:#B0B0B0;
	color:#000000;
	
}


/* Usuarios LINUX */

#seccion_usuarios_linux_01{
	width:100%;
	height:420px;
}

#parrafo_linux_intro{
	width:700px;
	margin-top:50px;
	}
	
#seccion_usuarios_linux_02{
	margin-top:30px;
	
}

#carreras_estudiantes_01{
	width:960px;
	height:80px;
	border-top:dotted 1px #000000;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:dotted 1px #000000;
}

#carreras_estudiantes_01 article{
	display:inline-block;
	font-family:light;
	text-transform:uppercase;
	font-size:24px;
	line-height:80px;
	text-align:center;
	vertical-align:top;
	width:314px;
	height:80px;
	border-right:dotted thin #000000;
	border-left:dotted thin #000000;
}

#carreras_estudiantes_02{
	width:100%;
	height:80px;
	border-top:dotted 1px #000000;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:dotted 1px #000000;
}

#carreras_estudiantes_02 article{
	display:inline-block;
	font-family:light;
	text-transform:uppercase;
	font-size:24px;
	line-height:80px;
	text-align:center;
	vertical-align:top;
	width:475px;
	height:80px;
	border-right:dotted thin #000000;
	border-left:dotted thin #000000;
}

/*MEGASALA*/

#seccion_megasala_01{
	width:100%;
	height:420px;
}

#parrafo_intro_megasala{
	width:700px;
	margin-top:90px;
}

#seccion_megasala_02{
	width:100%;
	margin-top:30px;
}


/*Academicos*/

#seccion_academicos_01{
	width:100%;
	height:420px;
}

#parrafo_academicos_intro{
	width: 700px;
	margin-top:40px;
}

#seccion_academicos_02{
	width:100%;
	height:200px;
	margin-top:30px;
	
}

#seccion_academicos_02 a article{
	float:left;
	background-color:#000000;
	width:200px;
	height:200px;
	border-radius:50% 50%;
	text-align:center;
	line-height:25px;
	font-family:medium;
	font-size:18px;
	text-transform:uppercase;
	color:rgba(255,255,255,1.00);
	margin-left:130px;
	margin-right:130px;
	text-decoration:none;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	
}

#seccion_academicos_02 a article:hover{
	background-color:#B0B0B0;
	color:#000000;
	
}

#seccion_academicos_02 a article div{
	margin-top:70px;
}

/*Sitios academicos*/

#seccion_academicos_web_01{
	width:100%;
	height:420px;
}

#parrafo_academicos_web_intro{
	width:700px;
	margin-top:70px;
}

#seccion_academicos_web_02{
	width:100%;
	margin-top:30px;
}

#seccion_academicos_web_02 a{
	text-decoration:none;
}

#seccion_academicos_web_02 a article:hover{
	background-color:#000000;
}

/*Aulas*/

#seccion_academicos_aulas_01{
	width:100%;
	height:420px;
	
}

#parrafo_intro_aulas{
	width:700px;
	margin-top:90px;
}

#seccion_academicos_aulas_02{
	width:100%;
	margin-top:50px;
	
}

.aula_principal{
	clear:both;	
	width:600px;
	height:50px;
	line-height:50px;
	margin:40px auto;
	text-align:center;
	border:solid thin #000000;
	font-family:light;
	text-transform:uppercase;
	font-size:18px;
}

/* Servicios*/

#seccion_servicios_01{
	width:100%;
	height:420px;
}

#parrafo_intro_servicios{
	width:700px;
	margin-top:70px;
}

/*Areas*/

#seccion_areas_01{
	width:100%;
	height:420px;
	
}

#parrafo_intro_areas{
	width:700px;
	margin-top: 170px;
}

#seccion_areas_02{
	width:100%;
	height:300px;
	
	margin-top:30px;
}

#seccion_areas_02 article{
	float:left;
}

.boton_redondo{
	width:182px;
	height:182px;
	border-radius:50% 50%;
	background-color:#000000;
	color:#FFFFFF; 
	line-height:192px;
	font-family:medium;
	text-transform:uppercase;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	-moz-transition:0.2s ease-in-out;
	-webkit-transition:0.2s ease-in-out;
	-o-transition:0.2 ease-in-out;
	-ms-transition:0.2 ease-in-out;
}

#area_coord_btn:hover{
	background-color:#F0C808;
	color:#000000;
}

#area_redes_btn:hover{
	background-color:#07A0C3;
	color:#000000;
}

#area_xfc_btn:hover{
	background-color:#94CB22;
	color:#000000;
}

#area_proy_btn:hover{
	background-color:#8F3985;
	color:#000000;
}

#area_mant_btn:hover{
	background-color:#DD1C1A;
	color:#000000;
}

/*Coordinacion*/

#seccion_coord_01{
	width:100%;
	height:420px;
}

#parrafo_intro_coord{
	width:700px;
	margin-top:70px;
}

#seccion_coord_02{
	width:100%;
	height:35px;
}


/*COR*/

#seccion_cor_01{
	width:100%;
	height:420px;
}

#parrafo_intro_cor{
	width:700px;
	margin-top:100px;
}

#seccion_cor_02{
	width:100%;
	height:35px;
}

.botones_areas{
	width:150px;
	height:35px;
	float:left;
	background-color:#000000;
	color:#FFFFFF;
	transform:skewX(45deg);
	text-align:center;
	font-family:medium;
	font-size:12px;
	text-transform:uppercase;
	line-height:35px;
	margin-right:5px;
}

.botones_areas div{
	transform:skewX(-45deg);
}

.botones_areas:hover{
	background-color:#D9D9D9;
	color:#000000;
}

.fichas_personal{
	clear:both;
	width:100%;
	height:200px;
	margin-top:40px;
	margin-bottom:10px;
}



.foto_avatar{
	width:200px;
	height:200px;
	border-radius:50% 50%;
	background-color:#F4F7AE;
	margin-right:20px;
	float:left;
}

.texto_avatar{
	font-family:light;
	font-size:14px;
	margin-top:10px;
	text-align:justify;
	margin-right:10px;
}

#foto_arturo{
	background-image:url(imgs/foto_perfil_hombre.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#foto_betty{
	background-image:url(imgs/foto_perfil_mujer.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

/*XFC*/

#seccion_xfc_01{
	width:100%;
	height:420px;
}

#parrafo_intro_xfc{
	width:700px;
	margin-top:100px;
}

#seccion_xfc_02{
	width:100%;
	height:35px;
}

/*PROYECTOS*/

#seccion_proy_01{
	width:100%;
	height:420px;
}

#parrafo_intro_proy{
	width:800px;
	margin-top:70px;
}

#seccion_proy_02{
	width:100%;
	height:35px;
}

/*MANTENIMIENTO*/


#seccion_mant_01{
	width:100%;
	height:420px;
}

#parrafo_intro_mant{
	width:800px;
	margin-top:70px;
}

#seccion_mant_02{
	width:100%;
	height:35px;
}


/*MANUALES*/

#seccion_manuales_01{
	width:100%;
	height:420px;
}

#parrafo_intro_manuales{
	width:800px;
	margin-top:70px;
}

#seccion_manuales_02{
	width:100%;
	height:35px;
}

/*MANUAL CORREO*/

#seccion_correo_01{
	width:100%;
	height:420px;
}

#parrafo_intro_correo{
	width:800px;
	margin-top:70px;
}

#seccion_correo_02{
	width:960px;
	margin-top:40px;
	margin-bottom:310px;
	
}

/*MANUAL MV*/

#seccion_mv_01{
	width:100%;
	height:420px;
}

#parrafo_intro_mv{
	width:800px;
	margin-top:30px;
}

#seccion_mv_02{
	width:960px;
	margin-top:40px;
	margin-bottom:110px;
	
}

/*MANUAL RED*/

#seccion_manuales_red_01{
	width:100%;
	height:420px;
}

#parrafo_intro_manualred{
	width:800px;
	margin-top:70px;
}

#seccion_manuales_red_02{
	width:960px;
	margin-top:40px;
	margin-bottom:110px;
	
}

#flechita{
	width:40px;
	height:auto;
	
}


/*GUIAS UTILIDAD*/

#seccion_guias_01{
	width:100%;
	height:420px;
}

#parrafo_intro_guias{
	width:800px;
	margin-top:70px;
}

#seccion_guias_02{
	width:960px;
	margin-top:40px;
	margin-bottom:110px;
	
}

/*RECURSOS*/

#seccion_recursos_01{
	width:100%;
	height:420px;
}

#parrafo_intro_recursos{
	width:800px;
	margin-top:150px;
}

#seccion_recursos_02{
	width:960px;
	margin-top:40px;
	margin-bottom:40px;
}

/*RECURSOS SFTWR HRDWR*/



#seccion_recursos_sftw_01{
	width:100%;
	height:420px;
	background-image:url(imgs/portada_MV.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#parrafo_intro_sftw{
	width:70%;
	margin-top:100px;
	margin-left:30px;
}






#tabla_credenciales th {
    background-color: black;
    color: white;
}


#tabla_credenciales{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	margin-top:30px;
	
}

#tabla_credenciales th, td {
	width:50%;
    border: 1px solid black;
	border-collapse:collapse;
}

#tabla_credenciales th{
	text-transform:uppercase;
}

#tabla_credenciales th, td{
	padding:15px;
	font-family:light;
}

#tabla_credenciales tr:nth-child(even) {
    background-color: #dddddd;
}






#tabla_actuaria{
	width:100%;
	border-collapse:collapse;
	font-family:light;
}

#tabla_actuaria th{
	
	background-color:#545454;
	border:1px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
}

#tabla_actuaria td{
	width:25%;
}







/*GOOGLE APPS*/

#seccion_recursos_google_01{
	width:100%;
	height:420px;
}

#parrafo_intro_google{
	width:800px;
	margin-top:140px;
}

#seccion_recursos_google_02{
	width:100%;
	margin-top:40px;
}


.lista_estilo{
	font-family:light;
	font-size:16px;
	color:#000000;
	
}

/*ENLACES*/

#seccion_enlaces_01{
	width:100%;
	height:420px;
}

#parrafo_intro_enlaces{
	width:800px;
	margin-top:140px;
}

#seccion_enlaces_02{
	width:100%;
	margin-top:40px;
}

/*SEG REDES INAL*/

#seccion_seg_redes_01{
	width:100%;
	height:420px;
	background-image:url(imgs/seguridad_redes_title.jpg);
	background-position:center;
	background-repeat:no-repeat;

}

#parrafo_intro_seg_redes{
	margin-top:50px;
	width:50%;
	margin-left:30px;
	
}

#seccion_seg_redes_02{
	margin-top:40px;
}

.fondo_gris{
	width:100%;
	background-color:#C2C2C2;
}

#acces_point_img{
	margin-left:80px;
	width:50%;
	height:auto;
}

.imagen_sencillo{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

#mac_ad{
	width:70%;
	height:auto;
	margin-left:50px;
	margin-top:40px;
}

#anuncio06{
	width:90%;
	height:400px;
	background-color:#D6DF21;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	clear:both;
}

#cabeza06{
	font-family:Helvetica;
	font-weight:700;
	font-size:80px;
	color:#000000;
	margin-left:20px;
	padding-top:30px;
	line-height:80px;
}

#body06{
	width:50%;
	padding-top:40px;
	margin-left:20px;
	font-family:Helvetica;
	color:#000000;
	font-size:20px;
}






#anuncio07{
	width:90%;
	height:400px;
	background-color:#BE1D2C;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	clear:both;
}

#cabeza07{
	font-family:Helvetica;
	font-weight:700;
	font-size:80px;
	color:#FFF101;
	margin-left:20px;
	padding-top:30px;
	line-height:80px;
}

#body07{
	width:50%;
	padding-top:40px;
	margin-left:20px;
	font-family:Helvetica;
	color:#ffffff;
	font-size:20px;
}

















/*SEG EQUIPOS*/
#seccion_seg_equipos_01{
	width:100%;
	height:420px;
}

#seccion_seg_equipos_02{
	width:100%;
	margin-top:40px;
}


/*MAlware*/
#seccion_seg_malware_01{
	width:100%;
	height:420px;
}

#parrafo_intro_malware{
	width:800px;
	margin-top:150px;
}


/*Comision*/
#seccion_seg_comision_01{
	width:100%;
	height:420px;
}

#seccion_seg_comision_02{
	margin-top:40px;
}

#listEnlista{
	margin-left:20px;
	}
	
	
/*EVENTOS*/

.subtitulo{
	color:#fff;
	font-family:light;
	font-size:30px;
	
}

#parrafo_intro_evento{
	width:860px;
	margin-top:20px;
	font-size:14px;
}

#intro_eventos{
	width:100%;
	height:420px;
	background-image:url(imgs/portada_eventos.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


















/*RESPONSIVO*/



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
   {
	  
	   #menu_main     { display: none; }
  #dl-menu { display:block; 
  height:45px;
  position:fixed;
  margin-top:-5px;
  
  }
  
  #wrapper{
	width:100%;
	
}
  
  header{
	  width:100%;
	  height:120px;
	  display:inline-block;
	  background-color:#FFFFFF;
  }
  
  #instituciones{
	  
	  float:left;
	  width:100%;
	  height:auto;
	  background-color:#FFFFFF
	  ;
	  
  }
  
  #instituciones a img{
	width:90px;
	height:auto;
	margin-left:20px;
	margin-right:10px;
	float:left;
}

#instituciones_firma a img{
	width:40px;
	height:auto;
	margin-left:px;
	margin-right:px;
	float:;
}
  
#logo_csc{
	width:300px;
	height:auto;
	
	
}

body{
	width:100%;
	background-image:url(imgs/fondo320x165.jpg);
	background-repeat:repeat-x;
	
}


#pico{ display:none; }

.titulo_seccion{
	font-size:30px;
	text-align:right;
	padding-top:20px;
	margin-right:20px;
}

#tops_ico{
	display:none;
	}
#tops_txt{
	display:none;
	
	}
#tops_info{
	display:none;
}
	

#tops_solos{
	display:block;
}




#parrafo_intro_cursos{
	width:300px;
	margin-top:40px;
	margin-left:10px;
}

#boton_cursos{
	margin:0 auto;
	width:200px;
	height:50px;
	background-color:#000000;
	margin-top:40px;
	-webkit-transform:skewX(45deg);
	-moz-transform:skewX(45deg);
	-ms-transform:skewX(45deg);
	-o-transform:skewX(45deg);
	
}






/*MANUALES*/

#seccion_manuales_01{
	width:100%;
	height:420px;
}

#parrafo_intro_manuales{
	width:800px;
	margin-top:70px;
}

#seccion_manuales_02{
	width:100%;
	height:35px;
}

/*MANUAL CORREO*/

#seccion_correo_01{
	width:100%;
	height:auto;
	margin-bottom:20px;
}

#parrafo_intro_correo{
	width:90%;
	margin-top:5px;
	margin-left:15px;
}

#seccion_correo_02{
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	
}

/*MANUAL MV*/

#seccion_mv_01{
	width:100%;
	height:auto;
	margin-bottom:0px;
}

#parrafo_intro_mv{
	width:90%;
	margin-top:0px;
	margin-left:15px;
}

#seccion_mv_02{
		width:100%;
	margin-top:10px;
	margin-bottom:20px;
}

/*MANUAL RED*/

#seccion_manuales_red_01{
	width:100%;
	height:auto;
	margin-bottom:0px;
}

#parrafo_intro_manualred{
width:90%;
	margin-top:0px;
	margin-left:15px;
}

#seccion_manuales_red_02{
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	
}

#flechita{
	width:40px;
	height:auto;
	
}


/*GUIAS UTILIDAD*/



#seccion_guias_01{
	width:100%;
	height:auto;
	margin-bottom:100px;
	}
	


#parrafo_intro_guias{
	width:90%;
	margin-top:5px;
	margin-left:15px;
	
}

.parrafos_titulos{
	font-size:12px;
}

#seccion_guias_02{
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	
}



footer{
	display:none;
}

#footer_resp{
	clear:both;
	margin:0 auto;
	width:80%;
	text-align:center;
	display:block;
	font-size:8px;
	padding-top:20px;
	margin-bottom:20px;
	
}





.tabla{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	margin-top:30px;
	
}

.tabla th, td {
	width:50%;
    border: 1px solid black;
	border-collapse:collapse;
}

.tabla th{
	text-transform:uppercase;
	border-collapse:collapse;
}

.tabla th, td{
	padding:15px;
	font-family:light;
	border-collapse:collapse;
}

.tabla tr:nth-child(even) {
    background-color: #dddddd;
}

.tabla .smallfont{
	font-size:8px !important;
}





}


@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 737px)
   {

#instituciones{
	float:left;
	width:100%;
	height:auto;
	
}

  #instituciones a img{
	width:90px;
	height:auto;
	margin-left:30px;
	margin-right:20px;
	float:left;
}
	
#instituciones_firma a img{
	width:40px;
	height:auto;
	margin-left:px;
	padding-right:20px;
	float:;
}   
	   
	   
	   
	   
	   }