/*
    Document   : SIARQ Miscellaneous Styles
    Created on : 01-jul-2011
    Copyright (c) 2011 SOFTWARE GRUPO V (http://www.sgv.es)

    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
button[type="button"], .greyButton button[type="reset"], .greyButton button[type="submit"], .greyButton input[type="reset"], .greyButton input[type="submit"], .greyButton input[type="button"] {
button[type="button"]:hover, .greyButton button[type="reset"]:hover, .greyButton button[type="submit"]:hover, .greyButton input[type="reset"]:hover, .greyButton input[type="submit"]:hover, .greyButton input[type="button"]:hover
*/

.rotate90{
	transform: 					rotate(-90deg);
	-webkit-transform: 			rotate(-90deg); 
	-moz-transform: 			rotate(-90deg);	
	-ms-transform: 				rotate(-90deg);
	-o-transform: 				rotate(-90deg);
	writing-mode:				bt_rl;
}

.greyButton{
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
}

.greyButton:hover{
    background-color: #F8F8F8;
    border: 1px solid #C6C6C6;
    color: #333333;
    box-shadow: 0px 0px 2px white;
    -moz-box-shadow: 0px 0px 2px white;
    -ms-box-shadow: 0px 0px 2px white;
    -webkit-box-shadow: 0px 0px 2px white;
}

.greyButtonBlackText{
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #000000;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

.greyButtonBlackText:hover{
    background-color: #F8F8F8;
    border: 1px solid #A6A6A6;
    color: #000000;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}

.blueButton{
    background-color: #F6F9FE;
    border: 1px solid #CDDCF9;
    color: #6599E7;
    padding: 0 8px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    height: 24px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-box-shadow: 2px;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

.blueButton:hover{
    background-color: #EBF2FC;
    color: #1C58B2;
    border: 1px solid #739CEF;
    box-shadow: 0px 0px 3px #1C58B2;
    -moz-box-shadow: 0px 0px 3px #1C58B2;
    -ms-box-shadow: 0px 0px 3px #1C58B2;
    -webkit-box-shadow: 0px 0px 3px #1C58B2;
}

.greenButton{
    background-color: #F8FCF8;
    border: 1px solid #DCF2DC;
    color: #00C000;
    padding: 0 8px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    height: 24px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-box-shadow: 2px;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

.greenButton:hover{
    background-color: #F1F9F1;
    color: #008000;
    border: 1px solid #C7EBC7;
    box-shadow: 0px 0px 3px #008000;
    -moz-box-shadow: 0px 0px 3px #008000;
    -ms-box-shadow: 0px 0px 3px #008000;
    -webkit-box-shadow: 0px 0px 3px #008000;
}

.redButton{
    background-color: #FFFBFB;
    border: 1px solid #FFD7D7;
    color: #C00000;
    padding: 0 8px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    height: 24px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -ms-box-shadow:0px 0px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

.redButton:hover{
    background-color: #FFF5F5;
    color: #800000;
    border: 1px solid #FFC0C0;
    box-shadow: 0px 0px 3px #800000;
    -moz-box-shadow: 0px 0px 3px #800000;
    -ms-box-shadow: 0px 0px 3px #800000;
    -webkit-box-shadow: 0px 0px 3px #800000;
}

.ayudaRojo{
	font-size:11px; 
	margin:0; 
	color:red;
}

/*----------------------------------------------------------------------------*/

.button-icon-bg{
    width: 16px;
    height: 16px;
    padding: 1px;
    border: none;
}

.button-icon-bg:hover{
    background: url(../image/icons/common/button.png) no-repeat center center transparent;
}

.input-disabled{
    background-color: #F4F4F4;
}

/*----------------------------------------------------------------------------*/

a.blueLink{
    color: #2E6E9E;
    text-decoration: none;
}

a.blueLink:hover{
    color: #0078D0;
    text-decoration: underline;
} 

a.blackLink{
    color: #444444;
    text-decoration: none;
}

a.blackLink:hover{
    color: #000000;
    text-decoration: underline;
}

/*----------------------------------------------------------------------------*/

.hidelink24{
    background: url(../image/modal/close_round_lightgrey.png) no-repeat transparent;
    width: 24px;
    height: 24px;
    margin: 0px;
    padding: 0px;
    margin-top: -1px;
}

.hidelink24:hover{
    background: url(../image/modal/close_round_lightgrey_hover.png) no-repeat transparent;
}

.hidelink16{
    background: url(../image/modal/close_round_lightgrey.png) no-repeat transparent;
    width: 24px;
    height: 24px;
    margin: 0px;
    padding: 0px;
}

.hidelink16:hover{
    background: url(../image/modal/close_round_lightgrey_hover.png) no-repeat transparent;
}

.checkbox-blue{
    background: url(../image/icons/header/checkbox.png) no-repeat transparent;
    width: 16px;
    height: 16px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    clear: left;
    float: left;
}

.checkbox-blue-checked{
    background: url(../image/icons/header/checkbox_selected.png) no-repeat transparent;
    width: 16px;
    height: 16px;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.border-radius2{
    -ie-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.border-bottom1-black{
	border-bottom: 1px solid black;	
}
.border-bottom1-grey{
	border-bottom: 1px solid #CCC;	
}

/*
button[type="button"], button[type="reset"], button[type="submit"], input[type="reset"], input[type="submit"], input[type="button"] {
    background-color: #BED6F8;
    background-image: url("/alejandria/image/button_bg.png");
    border-color: #BED6F8;
    color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    background-position: left top;
    background-repeat: repeat-x;
    border-width: 1px;
}
*/
.content-link{
    color: #0078D0;
    text-decoration: none;
}

.content-link:hover{
    color: #000000;
    text-decoration: underline;
}

.rich-panel-body{
    padding: 0px;
}

.cursor-hand{
    cursor: pointer;
    cursor: hand;
}

.cursor-normal{
    cursor: default;
}

.cursor-move{
	cursor: move;
}

.icon-link{
    padding: 1px;
    background-color: transparent;
}

.icon-link:hover{
    padding: 1px;
    background-color: white;
}

.icon-span16{
    width: 16px;
    height: 16px;
    display: block;
}

.none{

}

.padding0{
    padding: 0px;
}

.padding2{
    padding: 2px !important;
}

.margin-left0-fieldset > fieldset{
    margin-left: 0px !important;
}

.padding-left10{
    padding-left: 10px;
}

.padding-right10{
    padding-right: 10px;
}

.padding-right5{
    padding-right: 5px;
}

.padding-right5i{
    padding-right: 5px !important;
}

.padding-left5{
    padding-left: 5px;
}

.padding-left2{
    padding-left: 2px;
}

.padding-left0{
    padding-left: 0px !important;
}

.padding-top10{
    padding-top: 10px;
}

.padding-bottom10{
    padding-bottom: 10px;
}

.padding-bottom5{
    padding-bottom: 5px;
}

.padding-top5{
    padding-top: 5px;
}

.padding-top2{
    padding-top: 2px;
}

.padding-bottom2{
    padding-top: 2px;
}

.padding4{
    padding: 4px;
}

.padding5{
    padding: 5px;
}

.padding10{
    padding: 10px;
}

.padding20{
    padding: 20px;
}

.margin0{
    margin: 0px !important;
}

.margin2{
    margin: 2px;
}

.margin5{
    margin: 5px;
}

.margin10{
    margin: 10px;
}


.margin-left10{
    margin-left: 10px !important;
}

.margin-right10{
    margin-right: 10px !important;
}

.margin-top0{
	margin-top: 0px !important;
}

.margin-top10{
    margin-top: 10px !important;
}

.margin-top20{
    margin-top: 20px !important;
}

.margin-top5em{
    margin-top: 5em !important;
}

.margin-bottom10{
    margin-bottom: 10px !important;
}

.margin-left5{
    margin-left: 5px;
}

.margin-right5{
    margin-right: 5px;
}

.margin-rl-auto{
	margin-left: auto;
	margin-right: auto;
}

.margin-top2{
    margin-top: 2px;
}

.margin-top12{
    margin-top: 12px;
}

.displayBlock{
    display: block;
}

.underlined{
    text-decoration: underline;
}

.text-bold{
    font-weight: bold;
}

.text-italic{
	font-style: italic;
}

.text-normal{
    font-weight: normal;
}

.text-linespacing-singlehalf{
    line-height: 20px;
}

.text-linespacing-double{
    line-height: 30px;
}

.text-size-10{
    font-family: Arial,Verdana,sans-serif;
    font-size: 10px !important;
}

.text-size-11{
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px !important;
}

.text-size-12{
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px !important;
}

.text-size-13{
    font-family: Arial,Verdana,sans-serif;
    font-size: 13px !important;
}

.text-size-14{
    font-family: Arial,Verdana,sans-serif;
    font-size: 14px !important;
}

.text-size-16{
    font-family: Arial,Verdana,sans-serif;
    font-size: 16px !important;
}

.width0{
    width: 0px;
}

.width5{
    width: 5%;
}

.width6{
    width: 6%;
}

.width7{
    width: 7%;
}

.width8{
    width: 8%;
}

.width10{
    width: 10% !important;
}

.width13{
    width: 13%;
}

.width15{
    width: 15%;
}

.width16{
    width: 16%;
}


.width17{
    width: 17%;
}

.width18{
    width: 18%;
}

.width20{
    width: 20%;
}

.width22{
    width: 22%;
}

.width23{
    width: 23%;
}

.width25{
    width: 25%;
}

.width30{
    width: 30%;
}
.width30i{
    width: 30% !important;
}

.width33{
    width: 33%;
}

.width34{
    width: 34%;
}

.width35{
    width: 35%;
}

.width40{
    width: 40%;
}

.width45{
    width: 45%;
}

.width40i{
    width: 40% !important;
}

.width48{
    width: 48%;
}

.width50{
    width: 50%;
}

.width50i{
	width: 50% !important;
}

.width60{
    width: 60%;
}

.width60i{
    width: 60% !important;
}

.width65{
	width: 65%;
}

.width66{
    width: 66%;
}

.width70{
    width: 70%;
}

.width75{
    width: 75%;
}

.width80{
    width: 80%;
}
.width80i{
    width: 80% !important;
}

.width85{
    width: 85%;
}
.width85i{
    width: 85% !important;
}

.width90{
    width: 90%;
}
.width90i{
    width: 90% !important;;
}

.width95{
    width: 95%;
}
.width95i{
    width: 95% !important;;
}

.width98{
    width: 98%;
}

.width100{
    width: 100%;
}

.width100i{
    width: 100% !important;
}

.width16px{
    width: 16px;
}

.width24px{
    width: 32px;
}

.width32px{
    width: 32px;
}

.width40px{
    width: 40px !important;
}

.width80px{
    width: 80px !important;
}

.width120px{
    width: 120px !important;
}

.width140px{
    width: 140px !important;
}

.width160px{
    width: 160px !important;
}

.width200px{
    width: 200px !important;
}


.height100{
    height: 100%;
}

.height16px{
    height: 16px;
}

.height20px{
    height: 20px;
}

.height24px{
    height: 24px;
}

.height32px{
    height: 32px;
}

.height40px{
    height: 40px;
}

.border-bottom-1px-black{
	border-bottom: 1px solid black;
}

.border-bottom-1px-grey{
	border-bottom: 1px solid #CCCCCC;
}

.table-row-shadow2-softgrey:hover{
    box-shadow: 0px 0px 2px #AAAAAA;
    -moz-box-shadow: 0px 0px 2px #AAAAAA;
    -ms-box-shadow: 0px 0px 2px #CCCCCC;
    -webkit-box-shadow: 0px 0px 2px #CCCCCC;
    background-color: #EEEEEE;
}

.table-row-softgrey:hover{
    background-color: #EEEEEE;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

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

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

.align-right{
    text-align: right;
}

.display-block{
    display: block;
}

.display-inline-block{
    display: inline-block;
}

.display-none{
    display: none;
}

.clear-both{
	clear: both;
}

.no-float{
	float:none !important;
}

.vertical-align-top{
    vertical-align: top;
}

.vertical-align-middle{
    vertical-align: middle;
}

.vertical-align-bottom{
    vertical-align: bottom;
}

.background-color-trans{
    background-color: transparent;
}

.background-color-white{
    background-color: white !important;
}

.text-color-blue1{
    color: #0078D0;
}

.text-color-blue2{
    color: #2E6E9E;
}

.text-color-blue3{
    color: #4B789B;
}

.text-color-black{
    color: black;
}

.text-white-bold{
    color: #FFFFFF;
    font-weight: bold;
}

.text-color-orange{
    color: #FF6A00;
}

.text-color-softorange{
    color: #FFAD37;
}

.text-color-green{
    color: green;
}

.text-color-darkgreen{
    color: #015101;
}

.text-color-softgrey{
    color: #F5F5F5;
}

.text-color-darkgrey{
    color: #555555;
}

.text-color-red{
	color: #DC241F;
}

.bg-color-white{
	background-color: white;
}

.bg-color-grey{
	background-color: #EFEFEF;
}

.bg-color-black{
	background-color: black;
}

.bg-color-red{
	background-color: red;
}

.bg-color-green{
	background-color: green;
}

.bg-color-blue{
	background-color: blue;
}

.hr-shadow-blue{
    border-color: #0078D0;
    color: #0078D0;
    height: 2px;
    margin-top: 8px;
}

.no-border{
    border: 0px;
}

.no-decoration{
    text-decoration: none;
}

.opacity30{
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.opacity40{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.opacity50{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.opacity80{
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.opacity100{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.position-relative{
    position: relative;
}

.position-absolute{
    position: absolute;
}

.top0{
    top:0px !important;
}

.left0{
    left:0px !important;
}

.right0{
    right:0px !important;
}

.bottom0{
    bottom: 0px !important;
}

.overflowy{
    overflow-x: hidden;
    overflow-y: scroll;
}

.overflowyauto{
    overflow-x: hidden;
    overflow-y: auto;
}

.uppercase{
	text-transform: uppercase;
}

/*----------------------------------------------------------------------------*/
/*
input.TextInput{
	height: 16px;
}
select.TextInput{
	height: 18px;
}
*/
input.TextInput:focus, select.TextInput:focus, textarea.TextInput:focus{
	border: 1px solid #000000;	
	background: #FFFFDF;
}

div.TextInput-Div-Label{
	background-color: 		#F2F2F2;
	-ms-border-radius: 		2px 0px 0px 2px;
	-o-border-radius: 		2px 0px 0px 2px;
    -moz-border-radius: 	2px 0px 0px 2px;
    -webkit-border-radius: 	2px 0px 0px 2px;
    border-radius: 			2px 0px 0px 2px;
    /*
    -moz-box-shadow: -1px 0px 5px #4D90FE;
    background-color: white;
    */
}

div.TextInput-Div-Field{
	background-color: 		#F2F2F2;
	-ms-border-radius: 		0px 2px 2px 0px;
	-o-border-radius: 		0px 2px 2px 0px;
    -moz-border-radius: 	0px 2px 2px 0px;
    -webkit-border-radius: 	0px 2px 2px 0px;
    border-radius: 			0px 2px 2px 0px;
    
    /*
    -moz-box-shadow: 1px 0 5px #4D90FE;
    background-color: white;
    */
}

/*----------------------------------------------------------------------------*/
.border-round-blue1{
    background-color: #F5F8FF;
    border: 1px solid #0078D0;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.border-round-blue1-bgwhite{
    background-color: #FFFFFF;
    border: 1px solid #0078D0;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/*----------------------------------------------------------------------------*/
table.table-onerowline{
    background-color: white;
    border: 1px solid #CECECE;
    border-bottom: none;
}

table.table-onerowline tbody tr{
    background-color: white;
}

table.table-onerowline tbody tr:hover{
    background-color: #EEEEEE;
}

table.table-onerowline tbody tr td{
    border: none;
    border-bottom: 1px solid #CECECE;
}

label.mandatory:after{
	content:' *'
}

code{
	color: #000000;
}

a.linkAzul{
	color: #2A00EE !important; 
}

/* Estilos imagenes miniatura */
.miniaturaProy {
	position: relative;
	float: left;
	border: 1px solid #888;
}

.miniaturaProy img {
	max-width: 150px;
	max-height: 150px;
}

.miniaturaProy:hover .fileupload .fm-btn-upload,
.miniaturaProy:hover .fileupload input,
.miniaturaProy:hover .fileupload .fm-btn-delete {
	opacity: 1;
	cursor: pointer;
}

.miniaturaProy .fileupload {
	position: absolute;
	width: 100%;
	height: 16px;
	top: 4px;
}

.miniaturaProy .fileupload .fm-btn-upload,
.miniaturaProy .fileupload input,
.miniaturaProy .fileupload .fm-btn-delete {
	position: absolute;
	opacity: 0;
}

.miniaturaProy .fileupload .fm-btn-upload, .miniaturaProy .fileupload input {
	left: 4px;
	right: auto;
}

.miniaturaProy .fileupload .fm-btn-delete {
	left: auto;
	right: 4px;
}