@import "3L-mini.less";




// CSS ORIGINAL
@import "bootstrap/bootstrap.less";


@import "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,700,600,800|Open+Sans+Condensed:300,300italic,700";
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);

@sansFontFamily:       "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;



////////////////////////////////////////////////////////////////////////////////

@btnPrimaryBackground: #FF8A2B;
@btnPrimaryBackgroundHighlight:     spin(@btnPrimaryBackground, -10%);

@btnInfoBackground: #22AAE4;
@btnInfoBackgroundHighlight:     @btnInfoBackground;

@dropdownLinkBackgroundHover: #777;
@infoBackground: #E5F3FA;



////////////////////////////////////////////////////////////////////////////////

/* Import all prefixed @keyframes. */
@import 'animations/animation1';

/* Create a mixin for @keyframes. */
.animation1 () {
	from {.rotate(0deg);}
	to {.rotate(360deg);}
}

/* Create an animation. */
.rotating (@duration:2s) {
	.animation(animation1 @duration linear infinite);
}
////////////////////////////////////////////////////////////////////////////////


.giratorio{
	.rotating();
}




h1,h2,h3,h4{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: normal;
}

h3{
	line-height: 30px;
}

.list-horizontal{
	
}

///////////////// NAVBAR ///////////////////////////////////////////////////////
/*
.navbar-form input, .navbar-form select, .navbar-form .btn {
	vertical-align: top;
}
*/

.navbar{
	label.navbar-text{
		input[type="image"],
		input[type="checkbox"],
		input[type="radio"] {
			vertical-align: text-top;
			margin-top:2px;
		}
	}
}


/////////////////////////////////////////////////////////////////

.hero-unit{
	background-color: #E2F4FC;
	background-color: #fff;
	margin-bottom: 0;

	box-shadow: 0 70px 100px -60px rgba(0, 0, 0, .1), 0 10px 10px -15px;
}

.hero-unit h1{
	color: #fb4d2d;
	font-size: 70px;
	font-weight: bold;
}
	



/////////////////////////////////////////////////////////////////
.btn {
	text-transform: uppercase;
    font-weight: bold;
    /* padding: 7px 15px; */
}

.btn-primary{
	/* box-shadow: 0 0 0 2px rgba(128,128,128,.2); */
}

.btn.btn-plain{
	background: #f6f6f6;
	border-color: #eee;

	&.active{
		box-shadow: none;
		background-color: #BCECE5;
	}
}


////////////////////////////////////////////////////////

.btn-xlarge [class^="icon-"],
.btn-xlarge [class*=" icon-"]{
	margin: 0 0 0 10px;
}

.btn-xlarge .btn-text{
	vertical-align: middle;
	font-family: "Open Sans Condensed";
	margin-left: 10px;
}

.btn-xlarge{
	text-align: left;
}

@media (min-width: 1200px){
	.btn-xlarge .btn-text{
		font-size: 20px;
	}
}




////////////////////////////////////////////////////////
.inline-block{
	display:inline-block;
	.ie7-inline-block();
	margin: 0;
}

////////////////////////
ul.tags{
	margin: 0 -2px 9px -2px;
	.label {
		display: inline-block;
		line-height: 18px;
		margin: 2px;
		padding: 2px 10px;
		text-shadow: none;
	}
}


//////////////////////////

/* breadcrumb
--------------- */
.breadcrumb{
	border: none;
	background: none;
	margin: 0;
	padding:10px 0;
	.box-shadow(none);
}


/* scrollbars
-------------------- */
/*
::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-corner{
	background-color: transparent;
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}

::-webkit-scrollbar-thumb{
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10),inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
*/


/* forms
--------------- */
.control-label{
	.opacity(85);
}

.control-label input[type="radio"], 
.control-label input[type="checkbox"] {
	margin: 0;
}

.required .control-label:after{
	content: none !important;
}



.atenuado{
	.opacity(30);
}


/* tables
--------------- */


.table-expandable{
	> tbody{
		> tr{
			background: #F8FAFB;

			> td{
				vertical-align: middle;
			
				&.condensed{
					width: 1px;
					white-space: nowrap;
				}
			}
			
			&.dimmed:hover{
				.opacity(100);
			}

		}
	}

	> thead{
		> tr{
			> th{
				background:#ECF4F8;
			}
			form{
				margin: 0;
			}

		}
	}


	/*	
	#grid > .core((@gridColumnWidth * 12 - 80) / 12, @gridGutterWidth);
	#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);
	#grid > .input((@gridColumnWidth * 12 - 80) / 12, @gridGutterWidth);

	// Grid style input sizes
	input[class*="span"],
	select[class*="span"],
	textarea[class*="span"],
	.uneditable-input[class*="span"],
	// Redeclare since the fluid row class is more specific
	.row-fluid input[class*="span"],
	.row-fluid select[class*="span"],
	.row-fluid textarea[class*="span"],
	.row-fluid .uneditable-input[class*="span"] {
	float: none;
	margin-left: 0;
	}
	*/

	.navbar-inner{
		background-image: none;
		border: none;
		padding: 0 10px;
		border-bottom: 1px solid #eee;
		border-radius: 0;
	}
}








/* thumbnails
---------------- */
.thumbnail-inline{
	.thumbnail;
	display: inline-block;
	.ie7-inline-block();
}



/* --------------- */
.show-grid [class*="span"] {
	background-color: #eee;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 40px;
	line-height: 40px;
}


.rotate-fast{
	line-height: 4px;
	font-size: 24px;
	display: block;
	visibility: visible;
	width: 1em;
	.rotating(.5s);
}



/* FIX para márgenes de inputs que están dentro de prepend y append
-------------------- */
.input-append,
.input-prepend {
  input,
  select,
  .uneditable-input {
	margin-bottom: 9px;
}
}









.visible-large-desktop {
	display: none !important;
}

.hidden-large-desktop {
/*	display: none !important;*/
}

 
/* Large desktop */
@media (min-width: 1200px) { 
	.visible-large-desktop {
		display:  inherit !important;
	}

	.hidden-large-desktop{
		display:  none !important;
	}
}



/* icon
---------------------------------------------------------------- */
[class].icon-dominios,
[class].icon-correo,
[class].icon-contenidos{
	background: url('/img/common.png') !important;
	display: inline-block !important;
	vertical-align: middle;
	width: 80px;
	height: 80px;
}

[class].icon-dominios{
	background-position: -310px -10px !important;
}
[class].icon-correo{
	background-position: -410px -10px !important;
}
[class].icon-contenidos{
	background-position: -510px -10px !important;
}

/* ----------------------- CONFIGURACION ------------------------------ */

table.table-bordered thead tr {
	background-color: #F8FAFB;
}

.modal-header h3 {
	font-weight: normal;
	line-height: 38px;
}

fieldset {
	padding: 0 0 30px 20px;
}

fieldset legend {
	font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 28px;
	margin-left: -20px;
}

legend + .control-group {
	-webkit-margin-top-collapse: discard;
}

fieldset legend > * {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-transform: none;
	font-weight: normal;
}

blockquote {
	margin-bottom: 0;
}

.fileinput-button {
	margin-right:0 !important;
}

//------------------------- AYUDA -----------------------//

.ayuda {
	h3 {
		font-weight: bold;
	}
}

.popover {
	width: 300px;
	font-size: 12px;
	line-height: 18px;
	h3 {
		font-weight: bold;
		font-size: 16px;
		padding: 10px 14px;
	}
	ul li {
		line-height: 18px;
	}
	.form-actions i {
		font-size: 11px;
	}
	&.left {
		margin-left: -20px;
	}
	&.bottom {
		margin-top: 20px;
	}
	&.top {
		margin-top: -20px;
	}
	&.right {
		margin-right: 20px;
	}
}