@charset "utf-8";
/* CSS Document */
/***
Import fonts
***/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/*** Reset and overrides ***/
/* general body settings */
body { 
  color: #000; 
  font-family: 'Open Sans';
  padding: 0px !important;
  margin: 0px !important;
  font-size:13px; 
}
label{cursor:default !important}
/*** General typography ***/
h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

a {
  text-shadow: none !important;
}

/*** General backgrounds ***/
.bg-blue {
  background-image: none !important;
  background-color: #4b8df8 !important;
}

.bg-red {
  background-image: none !important;
  background-color: #e02222 !important;
}

.bg-yellow {
  background-image: none !important;
  background-color: #ffb848 !important;
}

.bg-green {
  background-image: none !important;
  background-color: #35aa47 !important;
}

.bg-purple {
  background-image: none !important;
  background-color: #852b99 !important;
}

.bg-grey {
  background-image: none !important;
  background-color: #555555 !important;
}


/*** Apply fix for font awesome icons ***/
[class^="icon-"], 
[class*=" icon-"],
[class^="icon-"]:hover, 
[class*=" icon-"]:hover { 
  background: none !important;
  padding-left:5px;
}

/*** Close icon used for modal dialog and other UI element close buttons ***/
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  background-image: url("../img/remove-icon-small.png") !important;
}

.logo{
	margin-left:10px;
}

.ancla{	
	position: fixed;
	top: 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(120, 0, 0, 0.90);
	-moz-box-shadow:    0px 0px 10px 0px rgba(120, 0, 0, 0.90);
	box-shadow:         0px 0px 10px 0px rgba(120, 0, 0, 0.90);
	z-index:10;
}

.anclamargin{
	margin-top:178px !important;
}
.anclamargin2{
	margin-top:208px !important;
}

textarea:focus , 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
border-color: rgba(120, 0, 1, 0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(120, 0, 1, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(120, 0, 1,0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(120, 0, 1, 0.6);
}
.icon-user-inside{
position:absolute;
margin-top:7px	
	}

@media only screen and (min-width: 481px) {

}
@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 960px) {
.logo {
	margin-left:0px;
}
}

/*** Pagina de Login ***/

.login {
  background-color: #1f1f1f !important;
}

.login .logo {
  width: 247px;
  margin: 0 auto;   
  margin-top:60px;
  padding: 15px;
  text-align: center;
}  

.login .content {
  background-color:#fff; 
  width: 291px;
  margin: 0 auto; 
  margin-bottom: 50px;
  padding: 30px;  
  padding-top: 20px;  
  padding-bottom: 15px;  
}

.login .content h3 {
  color: #000;
}
.login .content h4  {
  color: #555;
}

.login .content p {
  color: #222;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px;
}

.login .content .m-wrap {
  width: 91%;
  border-left: 0 !important;
}

.login .content .input-icon {
  border-left: 2px solid #780001 !important;
}

.login .content .control-group {
  margin-bottom: 20px !important;
}

.login .content .input-icon .m-wrap {  
  margin: 0px !important;
}

.login .content .forget-form {
  display: none;
}

.login .content .register-form {
  display: none;
}

.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px;
}

.login .content .form-actions {
  background-color: #fff;
  clear: both;
  border: 0px;
  border-bottom: 1px solid #eee;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}  

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
  margin-top: 8px;
  display: inline-block;
}

.login .content .form-actions .btn {
  margin-top: 1px;
}

.login .content .forget-password {
  margin-top: 25px;
}

.login .content .create-account {
  border-top: 1px dotted #eee;
  padding-top: 10px;
  margin-top: 15px;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}

.copyright {
  text-align: center;
  color: #999;
  padding-right:10px;
  font-size: 11px;
}
.login .copyright {
  text-align: center;
  width: 250px;
  margin: 0 auto; 
  padding: 10px 10px 0 10px;
  color: #999;
  font-size: 11px;
}
/*** Modifico los botones de bootstrap ***/

/* quito redondeo */
div, input, select, textarea, span, img, table, td, th, p, a, button, ul, li {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

a:focus {
  outline: none !important;
}

a:hover, a:active {
  outline: 0 !important;
}

select:focus {
   outline: none !important;
}

.btn {
	background-color: #e5e5e5;
	background-image: none;
	filter: none;
	border: 0;
	box-shadow: none;
	padding: 7px 14px; 
	text-shadow: none;
	font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 14px;  	
  color: #333333;
	cursor: pointer;
	outline: none;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
.btn:hover, 
.btn:focus, 
.btn:active,
.btn.active,
.btn[disabled],
.btn.disabled {  
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  color: #333333;
  box-shadow: none;
  background-color: #d8d8d8;
}

.btn.red-stripe
{
	border-left: 3px solid #d84a38;
}

.btn.blue-stripe
{
	border-left: 3px solid #4d90fe;
}

.btn.purple-stripe
{
	border-left: 3px solid #852b99;
}

.btn.green-stripe
{
	border-left: 3px solid #35aa47;
}
.btnelsamex{
color:white;
background-color:#780001;}
.login .content .m-wrap select{
	width:291px:
	}
.navbar .nav>li a {
color: #AAA;}

	
@media (max-width: 480px) {

.login .logo {
		margin-top:10px;
	}

	.login .content {
		padding: 30px; 
		width: 222px;
	}

	.login .content h3 {
		font-size: 22px;
	}

	.login .content .m-wrap {
  		width: 180px;
	}
.login .select{width:222px}
	.login .checkbox {
		font-size: 13px;
	}
}


/******************************Estilos del ckeditor******************************/
.tituloseccion{
font-size: 14px;
color: #444;
font-weight: bold;
}

.titulodestacadoseccion{
font-size: 13px;
color: #666;
font-weight:bold;
}

.textoseccion{
color: #999; 
font-size:13px;
}
/******************************Estilos del ckeditor******************************/


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:rgb(238, 238, 238);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/* Estilo para Sortable listorder */
		.sortable, .sortabletitle, .handles {
			margin: auto;
			padding: 0;
			width: 100%;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.sortable.grid {
			overflow: hidden;
		}
		.sortable li, .handles li {
			list-style: none;
			border: 1px solid #CCC;
			border-top:0px;
			background: #F5F5F5;
			margin: /*5px*/0px;
			padding: 6px;
			height: 22px;
		}
		.sortabletitle li {
			list-style: none;
			border: 1px solid #CCC;
			background: #FFFFFF;
			margin: /*5px*/0px;
			padding: 6px;
			height: 22px;
		}
		.handles span {
			cursor: move;
		}
		li.disabled {
			opacity: 0.5;
		}
		.sortable.grid li {
			line-height: 80px;
			float: left;
			width: 80px;
			height: 80px;
			text-align: center;
		}
		li.highlight {
			background: #FEE25F;
		}
		li.sortable-placeholder {
			border: 1px dashed #CCC;
			padding-top:5px;
			background: none;
		}
/* Fn de Estilo para Sortable listorder */

/* Estilos de Areatec */
.fechaconferencia{float: left; width: 80%}
.textoconferencia{width: 20%}
@media only screen and (min-width: 768px) 
{
.fechaconferencia{float: left; width: calc(60% - 5px);padding-left:5px}  
.textoconferencia{width: 40%}    
} 
/* Fin de Estilos de Areatec */



/* Tabla Editable */
.tableeditable .pa0 {
    padding: 0px !important;
}
.tableeditable textarea, .tableeditable input[type="text"], .tableeditable input[type="password"], .tableeditable input[type="datetime"], .tableeditable input[type="datetime-local"], .tableeditable input[type="date"], .tableeditable input[type="month"], .tableeditable input[type="time"], .tableeditable input[type="week"], .tableeditable input[type="number"], .tableeditable input[type="email"], .tableeditable input[type="url"], .tableeditable input[type="search"], .tableeditable input[type="tel"], .tableeditable input[type="color"], .tableeditable .uneditable-input {
  background-color: #fff;
  border: 0px solid #ccc;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
  -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
  -webkit-transition: border linear .2s,box-shadow linear .2s;
  -moz-transition: border linear .2s,box-shadow linear .2s;
  -o-transition: border linear .2s,box-shadow linear .2s;
  transition: border linear .2s,box-shadow linear .2s;
}

.tableeditable textarea:focus, .tableeditable input[type="text"]:focus, .tableeditable input[type="password"]:focus, .tableeditable input[type="datetime"]:focus, .tableeditable input[type="datetime-local"]:focus, .tableeditable input[type="date"]:focus, .tableeditable input[type="month"]:focus, .tableeditable input[type="time"]:focus, .tableeditable input[type="week"]:focus, .tableeditable input[type="number"]:focus, .tableeditable input[type="email"]:focus, .tableeditable input[type="url"]:focus, .tableeditable input[type="search"]:focus, .tableeditable input[type="tel"]:focus, .tableeditable input[type="color"]:focus, .tableeditable .uneditable-input:focus {
  border-color: green;
  outline: thin dotted \9;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(48, 201, 81,0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(48, 201, 81,0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(48, 201, 81,0.6);
}
.tableeditable .estiloinput{border:0px;height:28px}
.tableeditable .estiloselect{border:0px;height:36px}		
.tableeditable input, .tableeditable textarea, .tableeditable .uneditable-input {
  width: 90%;
  width: calc(100% - 12px);
}
.tableeditable thead th {
  background-color: #780001 !important;
  color: white;}
  
table.tableeditable thead .sorting, table.tableeditable thead .sorting_asc, table.tableeditable thead .sorting_desc, table.tableeditable thead .sorting_asc_disabled, table.tableeditable thead .sorting_desc_disabled {
  cursor: default !important;
}
.tableeditable select{margin-bottom:0px}
.tableeditable td{padding-bottom:0px !important}



.tableeditable select, .tableeditable textarea, .tableeditable input[type="text"], .tableeditable input[type="password"], .tableeditable input[type="datetime"], .tableeditable input[type="datetime-local"], .tableeditable input[type="date"], .tableeditable input[type="month"], .tableeditable input[type="time"], .tableeditable input[type="week"], .tableeditable input[type="number"], .tableeditable input[type="email"], .tableeditable input[type="url"], .tableeditable input[type="search"], .tableeditable input[type="tel"], .tableeditable input[type="color"], .tableeditable .uneditable-input
{
    margin-bottom:0px;}


.tableoverflow{width:100%;overflow:auto;/*margin-bottom:20px;*/}
.tableoverflow select{width:150px;}
.tableeditable {margin-bottom:0px}
/*.expandirtabla{width:100%;max-width:100%}

@media only screen and (max-width: 960px) {
#btnExpandirTabla{display:none}
#btnContraerTabla{display:none}
}*/

.nav [class^="icon-"]:hover, .nav [class*=" icon-"]:hover {padding-left: 0px;}