/* CSS Document */
/*
color:#848485;  //gris
color:#1275BC;  //Azul
color:#f37021;  //naranja

*/
html{
	background:#E5E5E5;
	/*padding-top: 70px;*/
	}
body {
	font-family:'Quattrocento Sans', arial, serif;
	/*background: url("../images/ymagebg.png") repeat-y center center #EFEFEF;*/
	/*background: url(../images/fondodegradado.jpg) 0px -25px no-repeat;*/
    margin: 0 auto;
	background-color:#E5E5E5;
	
} 
/*.container{
	    max-width: 800px;
	    min-width: 300px;
		}*/
		
.navbar {
	margin-bottom: 0px !important;
	   
}
		
#contenedor {
/*	width: 905px;
	background-color: white;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;*/
	background-color:#FFF;
	/*width: 900px;*/
	max-width: 1280px;
	min-width: 300px;
	margin: 0 auto;
	
	/*margin: 5px auto 3px;*/
    padding: 10px;
    position: relative; /* For the submit button positioning */
/*	background:url(../images/logo2.jpg) no-repeat 0px -25px; */



    /* Styles */
    box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
    border-radius: 5px;
	
	
}

#contenido {
	width: 100%;
	background-color:transparent;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*border:#00FF33 medium solid;*/
}
/* contenedor y contenido dos */
#contenedorb {
/*	width: 905px;
	background-color: white;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;*/
	background-color:#FFF;
	/*width: 900px;
	max-width: 1280px;
	min-width: 300px;*/
	margin: 0 auto;
	
	/*margin: 5px auto 3px;*/
    padding: 10px;
    position: relative; /* For the submit button positioning */
/*	background:url(../images/logo2.jpg) no-repeat 0px -25px; */



    /* Styles */
    box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
    border-radius: 5px;
	
	
}


/* */

.adiosBanner{
	visibility: hidden;
  }

.holaBanner{
	visibility: visible;
  }  


#menu_container{
	background-color: transparent;
    margin: 3px auto 0;
    width: 100%;
}

.tituloh1banner{
	color:#727272 ; 
	font-size:40px ; 
	font-weight:900px ; 
	margin-right: 168px;
}

.pannelbanner{
	background-color:#2461AD; 
	min-height:35px; 
	margin-top:28px; 
}


.bannerfluid{
   background-color: #fff ;
   padding-bottom: 1px;
  }
  
.bannerfluid img {
	max-width:100%;
}

.panelh2banner{
	color:#fff !important; 
	font-size:18px; 
	font-weight:900px ;
}

.footerbanner{
	  position: absolute;
      width: 100%;
      height: 35.1923076923px;
      left: 1px;
      top: 103px;
      font-family: 'Times New Roman';
      text-align: left;
      color: rgb(0, 0, 0);
      border-image-source: none;
      border-color: rgb(36, 97, 173);
      background-image: none;
      background-color: rgb(36, 97, 173);
}
.bannerfoolet{
	  text-align: center;
      font-size: 18px;
      color: rgb(255, 255, 255);
      background-color: transparent;
}
.imgbannerderecho{
	width:120px; 
	/*height:130px;*/ 
	box-shadow:#CECECE; 
	float:left; 
	margin-left:10px; 
	margin-top: -2px;
}

.imgbannerizquierdo{
	width:158px; 
	height:100px; 
	box-shadow:#CECECE; 
	float:right; 
	margin-top:-104px; 
	margin-right:10px;
	
}
.divh1banner{
	 height: 45px;
     width: 90%;
     color:#ad04fb;
     font-weight: bold;
     font-size: 40px; 
	 text-align: center;
	  background-color: transparent;
	  margin-top:5px;

}
.divh2banner{
	 height: 50px;
     width:90%;
     color:#808080;
     font-weight: bold;
     font-size: 30px;
	 text-align: center;
     background-color: transparent;
	 margin-top: 6px;
}


@media (max-width: 768px) {
.imgbannerizquierdo{
	visibility:hidden;
}

.divh1banner{
     font-weight: bold;
     font-size: 20px;
	 height: 40px;
	 margin-top:15px;
}
.divh2banner{
     font-weight: bold;
     font-size: 15px;  
	 height: 40px;
	 margin-top:-5px;
}
.bannerfoolet{
      font-size: 13px;
     
}

.objectModal{
	width:35%;
}

}







.banner{
	width:100%;
	margin:0px;
	background-color:#fff;
	padding-top: 12px;
}

.banner small {
	color:#155AFC;
	font-weight:bold;
}

.banner img {
	 max-width: 100%;
	}


h3{
	font-size:13px;
	color:#004E63;
	padding:5px;
	text-align:center;
}
h4{
	font-size:12px;
	border-bottom:#999999 medium solid;
	border-right:#999999 medium solid;
	border-top:#CCC thin solid;
	border-left:#CCC thin solid;
	color:#004E63;
	padding:5px;
	
}

.error{
	color:#FF0000;
	font-size:10px;
	font-weight:700;
}

#piePagina{
	font-size: 12px;
	text-align: center;
	background:#ad04fb;
	color:#fff;
	vertical-align:middle;
	width:100%;
	height:100px;
	clear:both;
	
	padding-top:25px;
	/*margin-top:10px;*/
	line-height:18px;
}

.tr1{
	font-family: Trebouchet TM,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:500;
	padding:2px 2px 1px 1px;
	/*background-color:#C8DDFD;*/
	background-color:#EDEDED;
}
.pl_bajo{
	background-color:#FF0000;
	color:#FFF;		
} 

.tr_alert{
	font-family: Trebouchet TM,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:500;
	padding:2px 2px 1px 1px;
	/*background-color:#C8DDFD;*/
	background-color:#FF0000;
} 

.link{
	font-size:12px;
	cursor:pointer;
	color:#00C;
	letter-spacing: 3px;
	padding:4px;
}

/*LOGIN FORM*/
.capt{
	width:80%;
	height:120px;
	border-radius: 4px;
	box-shadow:
        0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2),        
        0 0 0 12px rgba(255,255,255,0.4); 
	padding:10px;
    margin: 15px 70px;
}
.capt .info{
	font-size:11px;
	text-align:center;
	color:#993300;
	text-align:center;
	display:block;
	width:98%;	
}
.login-box{
	width:45%;
	float:right;
	clear:right;
	position:relative;
	border-radius: 4px;
    color: #004E63;
    box-shadow:
        0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2),        
        0 0 0 12px rgba(255,255,255,0.4); 
}

.boxP_left{
	width:45%;
	float:left;
	clear:both;
	padding-bottom:15px;
}
.boxFoto{
	border: thin solid #000099;
    float: right;
    height: 165px;
    left: 75%;
    padding-bottom: 15px;
    padding-left: 0;
    position: absolute;
    width: 150px;
}
.boxP_left p{
	font-size:12px;
	letter-spacing: 2px;
	line-height: 1.5em;
}

#loginFormTitle{
	background-color: #f37021;
	color:#FFF;
	padding:5px 30px;
	font-size:12px;
	border-radius: 4px;		
}

div.cintillo-med {
   /* background: url(../images/left-cross-5px.png) repeat scroll 0 0 transparent;*/
	text-align:center;
	height:268px;
	background-color:#BBE0FF;
	border-radius: 4px;
}
div.encuesta{
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    /*padding: 4px;*/
	width: 370px;
	height:248px;
	background:#FFFFFF;
}


div.eventos_left{
	width:30%;
	height:200px;
	float:left;
	clear:both;
	margin-top: 5px;
	padding: 5px;
	background-color:#FFF;
	border-radius: 5px;
	box-shadow:
        0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2),        
        0 0 0 12px rgba(255,255,255,0.4); 		
}
div.Pdown{
	padding: 5px;
	height:220px;
	background-color:#d1f9e0;	
}
div.eventos_cr{
	border: 1px solid #CCCCCC;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    padding: 5px;
	width:30%;
	height:200px;
	background-color:#FFF;
	font-size:12px;
	border-radius: 5px;
	box-shadow:
        0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2),        
        0 0 0 12px rgba(255,255,255,0.4); 
}




.eventos_cr ul {
	font-size:12px;
	padding:4px;
}
.eventos_cr li {
	list-style-type:none;
	padding:3px;
}
.event_scroll{
	width:100%;
	height:197px;
	float:left;
	padding-bottom:2px;
}


#barra-lateral {
    float: left;
    font-family: Trebuchet MS,Verdana,Arial,Helvetica;
    font-size: 12px;
    height: 840px;
    margin: 15px 5px 0 7px;
    width: 170px;
	
}



#barra_menu{
	float: left;
    font-family: Trebuchet MS,Verdana,Arial,Helvetica;
    font-size: 12px;
    height: 900px;
    margin: 15px 5px 0 35px;
    width: 170px;	
	
}

.menu_centro {
    background-image: url("img/menu_centro.gif");
    background-repeat: repeat-y;
    margin-left: 0;
    margin-top: 16px;
    width: 166px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(255, 255, 255, 0.4);
	border-radius : 5px;
	
}
#lstUsers{
	overflow:scroll;
	overflow-style:marquee-line;
	height:350px;
}
/*#lstNewMsg{
	overflow:scroll;
	overflow-style:marquee-line;
	height:200px;
}
*/
#barra {
    margin: 0;
    padding: 0;
    width: 160px;
}
#barra li {
    border-bottom: 1px solid #E0E0E0;
    list-style-type: none;
    margin: 1px 5px 0;
}

#barra a:link, #navi a:active, #navi a:visited {
    color: #1B3A8D;
}
#barra a:hover{
	background-color:#06C;
	color:#FFFFFF;
	
}

#barra a {
    display: block;
    padding: 5px 2px;
    text-decoration: none;
    width: 150px;
}

.iconito1 {
    border: 0 none;
    float: left;
    padding: 0 12px 5px 8px;
}

#principal_right {
    float: left;
    height: 840px;
    margin: 15px 10px 0 15px;
    width: 76%;
 
}


div.menuP {
    background-color:#06C;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(255, 255, 255, 0.4);
    float: left;
    margin-top: 20px;
	margin-left:30px;
	margin-right:10px;
	margin-bottom:20px;
    padding: 2px;
    width: 15%;
	border-radius : 5px;
	height:25px;
}

.eventos_cr h4,
.eventos_left h4{
	background: url("../images/label_green.png") repeat-y scroll 0 0 transparent;
	border:none;

/*    border-bottom: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
*/  
	color: #FFF;
    font-size: 23px; !important
    font-weight: bold;
    height: 40px;
    padding: 19px 8px 0px;
    text-align: center;
}

.eventos_cr ul{
	font-size:12px;
	padding-left: 15px;
	padding-top:10px;
}

/* ONMOUSE OVER*/
.tbl_mouse_over {
	background:#DDDDFF;
	cursor:pointer;
	/*font-weight:bold;*/
	color:#000066;
}


/* CREAR MENU */
.acc_menu_ul{
	padding-left: 20px;
	padding-top: 10px;
}
.acc_menu_li{
	padding-left: 20px;
	padding-top: 10px;
}
.acc_submenu_ul{
	padding-left: 85px;
	padding-top: 10px;
}


div.msgs{
	width: 200px;
	height:250px;
	position:fixed;
	float:left;
	left: 400px;
	top: 200px;
	background-color:#FFFFFF;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(255, 255, 255, 0.4);
	z-index:1000;
}

div.msgs h3{
	background-color:#36C;
	color:#FFF;
	font-size:12px;
	font-weight:600;
	cursor:move;
	width:92%;
	text-align:left;
	border:#FFFFFF medium solid;
	padding:5px;
	
}
div.msgs .lst{
	font-size:11px;
	width:95%;
	height:170px;
	padding: 4px;
	margin-bottom: 10px;
	overflow-y:scroll;
}
div.msgs mesg{
	overflow:auto;
	width:95%;
	height:70%;
	padding: 4px;
}
 
/*
FORMATO ORGANISMOS*/

div.encabezado{
/*	border: 1px solid #CCCCCC;
*/    float: left;
    margin-left: 15px;
    margin-top: 5px;
    padding: 5px;
	width:30%;
	height:85px;
	background-color:#FFF;
	font-size:12px;
}

div.subsec{ 
/*	border: 1px solid #CCCCCC;
*/    
	float: left;
    margin-top: 5px;
  /*  padding: 5px;*/
	width:48%;
	height:auto;
}



.barra_banner{
	width:100%;
	padding-left:1px;
	padding-bottom:1px;
	padding-top:5px;
	height:20px;
	color:#006;
	font-size:10px;
	background-color:#F4F5F8;
} 
.barra_banner .link_gto {
    clear: right;
    float: left;
    padding-left: 5px;
    padding-right: 10px;
    text-align: left;
    width: 300px;
}
.barra_banner .fecha_sup {
    float: right;
    padding-right: 10px;
    text-align: right;
    width: 300px;
}


#in_foro{
	font-size:12px;
	width:100%;
	border:#647781 thin solid;
	/*height:200px;*/
	overflow-y:scroll;
	margin-bottom:15px;
	
}
#in_foro th{
	text-align:left;
	font-size:12px;
	font-weight:600;
}

#in_foro tr{
	padding:5px;
}


#in_foro td{
	text-align:left;
	font-size:11px;
}
#in_foro .select {
	background-color:#D8EEFF;
}

/* FORMATO CEDEM */
.seccion{
	border:thin solid;
	margin-bottom:30px;
	margin-top:20px;
	padding-bottom:20px;
	
	
}

#menu_gallery{
   /* background: none repeat scroll 0 0 #F4F5F5;*/
    display: block;
    height: auto;
    width: 100%;
	padding:15px;
	margin-left:20px;
}	
.menu_preview {
 /*   background-color: #F9F9F9;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(255, 255, 255, 0.4);*/
    float: left;
    height: 200px;
    margin: 16px 3px 14px;
    padding: 5px;
    text-align: center;
    width: 250px;
}
.menu_preview h3 {
    border-color: #fff #F9F9F9 #026FB1;
	border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: thin thin medium;
    color: #004E63;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
    padding-top: 5px;
    text-align: center;
}

#notificaciones {
	font-size:12px; 
	padding:8px;
	padding-top:25px;
	padding-left:15px;
	/*position:absolute;	*/
}
#notificaciones li{
	line-height:2em;
	font-size:12px;
	padding:5px;
}
#notificaciones span.tit{
	font-weight:600;
	font-size:13px;
	border-bottom:thin solid #999;
}



.holder {
   /* height: 480px;*/
	height: 450px;
    left: 18%;
   /* margin: -240px 0 0 -320px;*/
    position: relative;
    /*width: 640px;*/
	width: 80%;
	/*border:#000099 thin solid;*/
	clear:both;
	top:-15px;
	background-color:#333;
}
#copy {
    bottom: 0;
    font: 300 .7em "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
    position: absolute;
    right: 1em;
    text-align: right;
}
#copy a {
    color: #fff;
}

.ui-datepicker-year {
		color: #004E63;
	  font-weight:bold;
		}
	.ui-datepicker-month{
		color: #004E63;
	  font-weight:bold;
		}


/*ESTILO PARA EL VALIDADOR CON CUADRO AL FINAL DE BOOTSTRAP*/
 .input-group-addon.primary {
        color: rgb(255, 255, 255);
        background-color: rgb(50, 118, 177);
        border-color: rgb(40, 94, 142);
    }
    .input-group-addon.success {
        color: rgb(255, 255, 255);
        background-color: rgb(92, 184, 92);
        border-color: rgb(76, 174, 76);
		
    }
    .input-group-addon.info {
        color: rgb(255, 255, 255);
        background-color: rgb(57, 179, 215);
        border-color: rgb(38, 154, 188);
    }
    .input-group-addon.warning {
        color: rgb(255, 255, 255);
        background-color: rgb(240, 173, 78);
        border-color: rgb(238, 162, 54);
    }
    .input-group-addon.danger {
        color: rgb(255, 255, 255);
        background-color: rgb(217, 83, 79);
        border-color: rgb(212, 63, 58);
    }
	
	
	@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

.page-header{
  text-align: center;    
}

/*social buttons*/
.btn-social{
  color: white;
  opacity:0.9;
}
.btn-social:hover {
  color: white;
    opacity:1;
}
.btn-facebook {
background-color: #3b5998;
opacity:0.9;
}
.btn-twitter {
background-color: #00aced;
opacity:0.9;
}
.btn-linkedin {
background-color:#0e76a8;
opacity:0.9;
}
.btn-github{
  background-color:#000000;
  opacity:0.9;
}
.btn-google {
  background-color: #c32f10;
  opacity: 0.9;
}
.btn-stackoverflow{
  background-color: #D38B28;
  opacity: 0.9;
}

/* resume stuff */

.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin-bottom: 5px;
    padding: 20px;
}
.bs-callout:last-child {
    margin-bottom: 0px;
}
.bs-callout h4 {
    margin-bottom: 10px;
    margin-top: 0;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4{
    color: #d9534f;
}

.resume .list-group-item:first-child, .resume .list-group-item:last-child{
  border-radius:0;
}

/*makes an anchor inactive(not clickable)*/
.inactive-link {
   pointer-events: none;
   cursor: default;
}

.resume-heading .social-btns{
  margin-top:15px;
}
.resume-heading .social-btns i.fa{
  margin-left:-5px;
}



@media (max-width: 992px) {
  .resume-heading .social-btn-holder{
    padding:5px;
  }
}


/* skill meter in resume. copy pasted from http://bootsnipp.com/snippets/featured/progress-bar-meter */

.progress-bar {
    text-align: left;
	white-space: nowrap;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.progress-bar > .progress-type {
	padding-left: 10px;
}

.progress-meter {
	min-height: 15px;
	border-bottom: 2px solid rgb(160, 160, 160);
  margin-bottom: 15px;
}

.progress-meter > .meter {
	position: relative;
	float: left;
	min-height: 15px;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(160, 160, 160);
}

.progress-meter > .meter-left {
	border-left-width: 2px;
}

.progress-meter > .meter-right {
	float: right;
	border-right-width: 2px;
}

.progress-meter > .meter-right:last-child {
	border-left-width: 2px;
}

.progress-meter > .meter > .meter-text {
	position: absolute;
	display: inline-block;
	bottom: -20px;
	width: 100%;
	font-weight: 700;
	font-size: 0.85em;
	color: rgb(160, 160, 160);
	text-align: left;
}

.progress-meter > .meter.meter-right > .meter-text {
	text-align: right;
}


/*Login form */
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
/*login form*/