/* 	···············
	File: style.css
	
	Proengsoft S.L.
	www.proengsoft.com
	
	Version: 2.0
	··············· */

	@import url("reset.css");
	@import url("tinymce.css");

	
	@font-face {
		font-family		: 'Open Sans';
		font-style		: normal;
		font-weight		: 300;
		src				: local('Open Sans Light'), local('OpenSans-Light'), url(../../../includes/fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
	}
	@font-face {
		font-family		: 'Open Sans';
		font-style		: normal;
		font-weight		: 400;
		src				: local('Open Sans'), local('OpenSans'), url(../../../includes/fonts/opensans/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
	}


/* 	···············
	Estructura Web
	··············· */
	
	html, body {
		background		: #FFF;
		font			: normal 12px Open Sans, Arial, Helvetica, sans-serif;
		color			: #9A9A9A;
		line-height		: 16px;
		height			: 100%;
	}
	
	#topInfo {
		background		: #FFF;
		width			: 880px;
		height			: 20px;
		margin			: 0 auto;
		padding			: 13px 30px;
		position		: relative;
		z-index			: 2;
	}
	
	.elementTopInfoLeft {
		float			: left;
		margin-right	: 20px;
		color			: #253135;
	}
	
	.elementTopInfoRight {
		float			: right;
		margin-left		: 10px;	
	}
	
	#LayOutHeaderTop {
		background		: transparent url('../images/web/head.png') no-repeat;
		width			: 940px;
		height			: 253px;
	}

	.divTitleText {
		background		: #257CF4;
		text-align		: right;
		padding			: 8px 25px 15px;
	}
	
	.divTitle {
		float			: left;
		width			: 698px;
		margin			: -22px 0 20px -31px;
	}
	
	#LayOutContent {
		text-align		: justify;
		width			: 696px;
		min-height		: 650px;
		height			: auto !important;
		height			: 650px;
		border			: solid 1px #FFF;
		background		: url('../images/web/detalle.png') no-repeat bottom right #fff;
		display			: inline-block;
		margin-top		: 1px;
		margin-left		: 2px;
	}

	#LayOutContent>div {
		padding			: 20px 30px;
	}

	#LayOutFooterTD {
		background		: #007BFF;
		height			: 62px;
		color			: #FFF;
		margin-left		: 2px;
    	width			: 698px;
	}
	
	#FooterTopContainer2 {
		padding			: 21px;
	}

	#LayOutFooterTD a {
		color			: #FFF;
	}
	
	.container_12 {
		margin			: auto;
		width			: 940px;
	}
	
	#Block2Container {
		width			: 242px;
		height			: 94px;	
		background		: transparent url('../images/web/secretaria.png') no-repeat;
		margin-top		: -12px;
	}
	
	.go-top {
		background		: none repeat scroll 0 0 #FFFFFF;
    	border-radius	: 3px;
    	display			: inline-block;
    	float			: right;
    	height			: 42px;
    	margin-top		: -11px;
    	position		: relative;
    	transition		: all 0.17s ease-in-out 0s;
    	width			: 42px;
		cursor			: pointer;
	}
	
	.go-top:hover {
		opacity			: 0.75;
  		filter			: alpha(opacity=75); /* For IE8 and earlier */
	}

/* 	···············
	Menú Lateral
	··············· */
	
	#LayOutLeftColumnTop {
		margin-right	: -2px;
    	width			: 242px;
		margin-top		: -12px;	
	}
	
	.SM {
		border			: none !important;
		background		: transparent !important;
		width			: 220px !important;
	}
	
	.SM li {
		border			: none !important;
	}
	
	.MM li {
		padding-bottom	: 0px !important;
		margin-bottom	: 3px !important;
		background		: #485e88 !important;
	}

	.MM li a {
		font			: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
		color			: #ffffff !important;
		padding-left	: 20px !important;
		padding-bottom	: 12px !important;
		padding-top		: 12px !important;
	}
	
	.MM li a.CURRENT, .MM li a.CURRENT:link, .MM li a.CURRENT:visited , .MM li a:hover {
		font			: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
		color			: #FFFFFF !important;
		background		: url('../images/web/back_menu.png') #f13333 repeat-x!important;
	}



/* 	···············
	Fuentes
	··············· */
	
	a {
		color			: #007BFF;
		text-decoration	: none;
	}
	
	h1 {
		color			: #FFF;
		font-family		: 'Open Sans',sans-serif;
		padding			: 5px 0px 5px 0px;
    	font-size		: 22px;
    	font-weight		: 300;
	}
	
	h2 {
		font			: normal 13px Open Sans, Arial, Helvetica, sans-serif;
		color			: #d9001c;
	}
	
	h3 {
		font			: bold 20px Open Sans, Arial, Helvetica, sans-serif;
		color			: #d9001c;
	}
	
	h4 {
		font			: bold 22px Open Sans, Arial, Helvetica, sans-serif;
		color			: #d9001c;
	}
	
	.colorFontBase {
		color			: #007BFF;
	}
	
	.colorBgBase {
		background		: #007BFF;
	}
	
	.fa {
		color			: #007BFF;
	}
	
	
	
/* 	···············
	Botones
	··············· */
	
	.BotonFO {
		cursor			: pointer;
		text-decoration	: none;
		font-size		: 12px;
		color			: #FFF;
		text-transform	: uppercase;
		background		: #0076f9;
		padding			: 15px 20px;
		font-weight		: bold;
		display			: inline-block;
		-webkit-transition	: all 0.4s ease-out;  /* Chrome y Safari */
		-o-transition		: all 0.4s ease-out;  /* Opera */
		-moz-transition		: all 0.4s ease-out;  /* Mozilla Firefox */
		-ms-transition		: all 0.4s ease-out;  /* Internet Explorer */
		transition			: all 0.4s ease-out;  /* W3C */
	}
	
	.BotonFO:hover {
		opacity				: 0.8;
	}
	
	.BotonFOLeft {
		background		: url(../images/web/btn_left.png) no-repeat;
		float			: left;
		width			: 10px;
		height			: 28px;
	}
	
	.BotonFOCenter {
		background		: url(../images/web/btn_center.png) repeat-x;
		float			: left;
		height			: 28px;
		padding			: 6px 0;
	}
	
	.BotonFOCenter a {
		text-decoration	: none;
		font-size		: 12px;
		color			: #323232;
		text-transform	: uppercase;
	}
	
	.BotonFORight {
		background		: url(../images/web/btn_right.png) no-repeat;
		float			: left;
		width			: 10px;
		height			: 28px;
	}



/* 	···············
	Errores
	··············· */
	
	.Error {
		font			: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color			: #e26319;
	}
	
	.Errortxt {
		line-height		: 18px;
		font-size		: 12px;
		padding			: 5px 10px;
	}



/* 	···············
	Elementos varios
	··············· */

	hr {
		color			: #d1d1d1;
		background		: #d1d1d1;
		height			: 1px;
		border			: none;
	}



/* 	···············
	Formularios
	··············· */
	
	textarea {
		font-size		: 12px;
	}


/* 	···············
	Slider
	··············· */
	.bjqs canvas {
		display 		: none !important;
	}
	
	.bjqs .lv_shadow canvas, .lv_bubble canvas {
		display 		: block !important;
	}

	.menulang {
		text-align			: right;
	}
	
	.selectedlang {
		cursor				: pointer;
		display				: inline-block;
		color				: #0982CA;
	}
	
	.selectlang {
		cursor				: pointer;
		display				: inline-block;
	}
	
	.selectlang:hover {
		color				: #0982CA;
	}
	
	.boxlang {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #E3E3E3;
		border-radius: 4px;
		box-shadow: 0 0 4px #EFEFEF;
		display: none;
		margin-left: 135px;
		margin-top: -20px;
		opacity: 1;
		position: absolute;
		z-index: 9999;
	}
	
	.boxlang ul {
		list-style: none outside none;
		margin: 0;
		padding: 0;
	}
	
	
	
	.boxlang ul li {
		line-height: 22px;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	
	.boxlang ul li a {
		opacity				: 0.60;
		filter				: alpha(opacity=60);
	}
	
	.boxlang ul li:hover {
		color				: #0982CA;
		cursor				: pointer;
	}
	
	.boxlang ul li:hover > a {
		opacity				: 1;
		filter				: alpha(opacity=100);
	}



/* 	···············
	Dialog jQuery
	··············· */
	
	.ui-dialog {
		padding: 2px !important;	
	}
	
	.ui-dialog .ui-widget-header {
		background			: #0076f9;
		border				: 1px solid #0076F9;
    	color				: #FFFFFF !important;
		font-family			: Open Sans;
		font-size			: 20px !important;
		font-weight			: 300 !important;
		padding				: padding: 8px 20px !important;
		border-radius		: 0px !important;
	}
	
	.ui-dialog .ui-dialog-title {
		margin				: 0 0 3px !important;
	}
	
	.ui-dialog.ui-corner-all {
		border-radius		: 0px !important;	
	}
	
	.ui-dialog.ui-widget-content {
		border				: 1px solid #BFBFBF !important;
    	color				: #5D5D5D;
		
	}
	
	.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
		background			: #FFF !important;
		border				: 1px solid #0076f9;
		border-radius		: 0px !important;	
	}
	
	.iconBig {
		font-size			: 70px;	
	}
	
	.ui-dialog .ui-dialog-buttonpane {
		margin				: 0 !important;
    	padding				: 0 !important;
	}
	
	.ui-dialog .ui-dialog-buttonpane button {
		color				: #FFF !important;
		text-transform		: uppercase !important;
		background			: #0076f9;
		padding				: 15px 20px !important;
		font-weight			: bold !important;
		margin				: 4px !important;
		-webkit-transition	: all 0.4s ease-out;  /* Chrome y Safari */
		-o-transition		: all 0.4s ease-out;  /* Opera */
		-moz-transition		: all 0.4s ease-out;  /* Mozilla Firefox */
		-ms-transition		: all 0.4s ease-out;  /* Internet Explorer */
		transition			: all 0.4s ease-out;  /* W3C */
		border				: 0 none !important;
    	border-radius		: 0 !important;
		font-size			: 12px;
	}
	
	.ui-widget-header .ui-icon {
		background-image: url("../../../js/jquery/images/ui-icons_222222_256x240_white.png") !important;
	}
	
	.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon, .ui-dialog .ui-dialog-titlebar-close:focus .ui-icon {
		background-image: url("../../../js/jquery/images/ui-icons_222222_256x240.png") !important;
	}
	
	
	.ui-dialog .ui-dialog-buttonpane button:hover {
		opacity				: 0.8;
	}
	
	.ui-dialog .ui-button-text {
		padding				: 0 !important;
		line-height			: normal !important;
	}
	
	.ui-dialog .ui-dialog-buttonpane {
		border				: 0px !important;	
	}
	
	.mediumIcon {
		font-size:19px;	
	}
	
	.btnDT {
		margin-left:5px;
	}
	
	
	/*	················
		Input Style
		················ */
	.neoLabel {
		cursor				: pointer;
		float				: left;
		height				: 22px !important;
		width				: 22px !important;
		margin-top			: -2px !important;
		margin-right		: 20px !important;
		margin-left			: 0px !important;
	}

	.label_radio { 
		background			: url('../images/radio-off.png') no-repeat; 
	}
	
	.label_check { 
		background			: url('../images/check-off.png') no-repeat;
	}
	
	.check_on {
		margin-left			: 4px;
		margin-top			: 3px;
		font-size			: 16px;
		text-shadow			: 1px 1px #aaaaaa;
		float				: left;
	}
	
	.radio_on {
		margin-left			: 6px;
		margin-top			: 4px;
		font-size			: 12px;
		text-shadow			: 1px 1px #aaaaaa;
		float				: left;
	}
	
	.radio_disabled {
		margin-left			: 6px;
		margin-top			: 4px;
		font-size			: 12px;
		text-shadow			: 1px 1px #aaaaaa;
		color				: grey;
		float				: left;
	}
	
	.label_check input, .label_radio input { 
		position			: absolute; 
		left				: -9999px;
	}
	
	[rel=neostyle] {
		visibility			: hidden;
		visibility			: visible\0; /* FIX IE6,7,8 */
	}
	
	
	input, select, textarea {
		border				: 1px solid #dbdbdb;
		background-color	: #ffffff;
		padding				: 5px;
	}
	
	input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0px 1000px white inset;
	}
	
	
	
	/*	················
		Progressbar jQuery
		················ */	

	.ui-progressbar {
		border				: none;
		height				: 15px;
		width				: 200px;
	}
	
	
	
	/* ........................
		Cajas
		......................*/
			
	.boxFacture {
		border				: 1px solid #DBDBDB; 
		background-color	: #FFF; 
		margin-bottom		: 10px;
	}
	
	.titleBoxFacture {
		padding				: 5px;
	}
	
	.titleWorkshop, .downloadinfo {
		padding: 15px 10px;	
	}
	
	
		
/* 	···············
	TinyMCE
	··············· */
	.o2k7SkinSilver .mceToolbar .mceToolbarStart span, .o2k7SkinSilver .mceButton, .o2k7SkinSilver .mceSplitButton, .o2k7SkinSilver .mceSeparator, .o2k7SkinSilver .mceSplitButton a.mceOpen, .o2k7SkinSilver .mceListBox a.mceOpen {background-image:url("../../../js/tiny_mce/themes/advanced/skins/o2k7/img/button_bg_silver_clean__.png") !important;}
	.o2k7SkinSilver td.mceToolbar, .o2k7SkinSilver td.mceStatusbar, .o2k7SkinSilver .mceMenuItemTitle a {background:#FFF !important}
	.o2k7SkinSilver .mceListBox .mceText {background:#FFF !important}
	.o2k7SkinSilver .mceExternalToolbar, .o2k7SkinSilver .mceListBox .mceText, .o2k7SkinSilver div.mceMenu, .o2k7SkinSilver table.mceLayout, .o2k7SkinSilver .mceMenuItemTitle a, .o2k7SkinSilver table.mceLayout tr.mceFirst td, .o2k7SkinSilver table.mceLayout, .o2k7SkinSilver .mceMenuItemTitle a, .o2k7SkinSilver table.mceLayout tr.mceLast td, .o2k7SkinSilver .mceIframeContainer {border-color: #DBDBDB !important}
	.mceToolbarEnd  { display:none !important; }
	
/* 	···············
	Dynamic Text
	··············· */
	.dynText {
		margin-bottom		: 10px;
		display				: inline-block;
		width				: 100%;
	}
	
	.dynTextHighlight {
		padding				: 5px;
		margin-left			: -5px;
	}
	
	.dynTextAdmin {
		margin-top			: 5px;
		display				: inline-block;
		opacity				: 0;
		position			: absolute;
	}
	
	.dynTextAdmin span {
		float				: right;
		display				: inline-block;
	}
	
	.btnDynTextDiv {
		width				: 100%;
		margin-top			: 5px;
	}
	
	.btnDynText {
		color				: #7d7d7d;
		padding-top			: 3px;
		padding-bottom		: 3px;
		padding-right		: 6px;
		padding-left		: 6px;
		min-width			: 48px;
		text-align			: center;
		border				: 1px solid #dddddd;
		cursor				: pointer;
		background			: #eaeced; /* Old browsers */
		background			: -moz-linear-gradient(top, #eaeced 0%, #d3d4d5 100%); /* FF3.6+ */
		background			: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeced), color-stop(100%,#d3d4d5)); /* Chrome,Safari4+ */
		background			: -webkit-linear-gradient(top, #eaeced 0%,#d3d4d5 100%); /* Chrome10+,Safari5.1+ */
		background			: -o-linear-gradient(top, #eaeced 0%,#d3d4d5 100%); /* Opera 11.10+ */
		background			: -ms-linear-gradient(top, #eaeced 0%,#d3d4d5 100%); /* IE10+ */
		background			: linear-gradient(to bottom, #eaeced 0%,#d3d4d5 100%); /* W3C */
		filter				: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeced', endColorstr='#d3d4d5',GradientType=0 ); /* IE6-9 */
		float				: right;
		border-radius		: 4px;
	}
	
	.btnDynText:hover {
		background			: #d3d4d5; /* Old browsers */
		background			: -moz-linear-gradient(top, #d3d4d5 0%, #eaeced 100%); /* FF3.6+ */
		background			: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d4d5), color-stop(100%,#eaeced)); /* Chrome,Safari4+ */
		background			: -webkit-linear-gradient(top, #d3d4d5 0%,#eaeced 100%); /* Chrome10+,Safari5.1+ */
		background			: -o-linear-gradient(top, #d3d4d5 0%,#eaeced 100%); /* Opera 11.10+ */
		background			: -ms-linear-gradient(top, #d3d4d5 0%,#eaeced 100%); /* IE10+ */
		background			: linear-gradient(to bottom, #d3d4d5 0%,#eaeced 100%); /* W3C */
		filter				: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d4d5', endColorstr='#eaeced',GradientType=0 ); /* IE6-9 */
	}
	
	.btnCancelDynText {
		margin-left			: 10px;
	}



	/* Hacking para el click en los links que van a inputs */
	label[for] {
		display:inline-block;
	}

	label[for] img{
		display:inline-block;
		pointer-events:none;
	}

	label[for] a{
		display:inline-block;
		pointer-events:none;
	}