#handidresponse, #userresponse{
         visibility: hidden;
}

#container_login{
	 text-align: left;
	 margin: 0;
	 padding: 0;
         position: absolute;
	 font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
         width: 100%
}

body:not(.framed) #cuerpo{
         min-height: 535px;
         min-width: 800px;
         height: auto;
         width: 100%;
         margin-top:1%;
         
}
#cuerpo{
          position: absolute;
        	top: 61px;
         bottom:0;
         font-family: 'Lato', sans-serif;
	
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	padding:0;
    height: 100%;
}
html{
         margin:0
}

body{
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
/*	background: #fff url(../images/bg4.jpg) repeat top left;
*/
        
     font-weight: 400;
	font-size: 15px;
	color: #1d3c41;
	overflow: hidden;
    margin: 0px auto;
	width:100%;
    position: relative;
}

body:not(.framed){
         min-height: 600px;
         min-width: 800px;
}

.greyfade{
	background:none;
}
a{
	color: #333;
	text-decoration: none;
}

#container_flagbar{
         position: relative;
         display:inline-block;
         vertical-align: top;
         width: 100%;
		 padding: 12px 0;
}

#publicitycolumn{
         width: 100%;
         background: black;
}
ul li {
	list-style: none;
}
#publicitycolumn a{
         position: relative;
         z-index: 2;
         width: 100%;
         height: 100%;
}

#publicolumn .banner{
	height: 100%;
}
#publicolumn .wide{
	width: 100%;
}
#publicolumn #tipbox{
	position: absolute;
	bottom: -4px;
	left: 0px;
	right: -2px;
	background: rgba(220,220,220,.9);
	font-size: 14px;
	padding-top: 8px;
	padding-left: 8px;
	text-align: justify;
    border: 2px solid rgb(40,40,40);
	-webkit-border-radius: 9px 0px 0px 0px;
	   -moz-border-radius: 9px 0px 0px 0px;
	        border-radius: 9px 0px 0px 0px;  
	-webkit-box-shadow: 	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	   -moz-box-shadow: 	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	        box-shadow: 	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
 	
 	-webkit-transition: all 1s linear;
	   -moz-transition: all 1s linear;
	     -o-transition: all 1s linear;
	        transition: all 1s linear;
	        height: auto;
	        max-height: 400px;
	        cursor: pointer;
}
#publicolumn #tipbox.tip3{
	background: rgba(220,220,220,.9);
}
#publicolumn #tipbox.aparecevert{
	        max-height: 0px;
}


#publicolumn #tipbox h1{
text-align: center;
padding-bottom: 10px;
font-family: "Lato",sans-serif;
}
#publicolumn #tipbox p{
padding-bottom: 10px;
padding-right: 2px;
}
#publicolumn #tipbox.collapse{
 	-webkit-transition: all 1s linear;
	   -moz-transition: all 1s linear;
	     -o-transition: all 1s linear;
	        transition: all 1s linear;
	max-height: 0px;
}
#disc{
	font-size: 48px;
	color: #fff;
	background: transparent;
	position: absolute;
	top: 10%;
	margin: auto;
	width: 100%;
	text-align: middle;
	font-weight: bold;
	z-index: 24;
 text-shadow: 1px 1px 0px #333,
 -1px 1px 0px #333,
 1px -1px 0px #333,
 -1px -1px 0px #333; 
opacity: 0;
}
.small{
	font-size: 60%;
}
#logo{
         position: absolute;
         z-index: 4;
         background: white;
         width:277px;
		 max-width:100%;
         height:1.354em;
         font-size:48px;
}
#logo img{
	width:100%;
}
#suit1{
         color: black;
         font-size: 230%;
         position: absolute;
         left: 0.0em;
         bottom: -0.21em;
         z-index: 4;
}
#suit2{
         position: absolute;
         color: red;
         font-size: 166%;
         left: 0.9em;
         bottom: -0.2em;
         z-index: 4;
}
#suit3{
         position: absolute;
         color: orange;
         font-size: 133%;
         left: 2.33em;
         bottom: -0.2em;
         z-index: 4;
}
#suit4{
         position: absolute;
         color: green;
         font-size: 100%;
         left: 4.365em;
         bottom: -0.2em;
         z-index: 4;
}
#suit5{
         position: absolute;
         font-family: 'Lobster', cursive;
         color: blue;
         font-size: 55%;
         left: 9.865em;
         bottom: -0.2em;
         z-index: 4;
}
#logow1{
         position: absolute;
         color: black;
         bottom: 0.3em;
         left: 0.4em;
         z-index: 10;
           font-family:"Times New Roman", Times, serif;
  text-shadow: 0.01em 0.01em 0px #ff3,
 -0.01em 0.01em 0px #ff3,
 0.01em -0.01em 0px #ff3,
 -0.01em -0.01em 0px #ff3;
 text-shadow: 1px 1px 0px #ff3,
 -1px 1px 0px #ff3,
 1px -1px 0px #ff3,
 -1px -1px 0px #ff3;
 font-weight: bold;
}
#logow2{
         position: absolute;
         color: red; 
         bottom: 0.3em;
         left: 3.5em;
         z-index: 10;
         font-weight: bold;
}

#upperlogo{
         position:absolute;
         top: -0.16666em;
         z-index: 11;
         
}

#upperlogo .logoletter{
         left: 0px;
         right:0px;
         margin-left: 0px;
         margin-right: 0px;
         display:inline;
         position:relative;
         text-shadow: 0.01em 0 0px #666,
             0.01em 0.01em 0px #666,
             0.02em 0.02em 0px #666,
             0.03em 0.03em 0px #666,
             0.04em 0.04em 0px #666,
             0.05em 0.05em 0px #666;
}
#logo_B{/*color:green*/}
#logo_R{/*color:orange*/}
#logo_I{/*color:red*/}
#logo_D{/*color:blue*/}
#logo_G{/*color:black*/}
#logo_E{/*color:green*/}
#logo_G2{/*color:orange*/ }
#logo_O{/*color:red*/}
#logo_D2{/*color:blue*/}

.second{
 /*font-style:  italic;*/
 color:red;
}
.first{
         color:blue;
}

#logo_shadow{
         z-index: 10;
         position: absolute;
         left:0.35em;
         top:0.15em;
         font-size: 100%;
         color: transparent;
         text-shadow: 0px 0px 0.041em #333;
}


/*#flags{
         margin-left: auto;
         margin-right: auto;
         width: 12%;
         text-align: center;
         margin-top: 8px;
}


#flags img.flag{
         margin-left: auto;
         margin-right: auto;
         cursor: pointer;

}

#flags a{
         margin-left: auto;
         margin-right: 5px;
         cursor: pointer;
         display: inline-block;
         padding: 2px;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	        border-radius: 9px;   
         
}*/

#flags{
         margin-right: auto;
		width: 22%;
		margin-top: 14px;
		text-align: center;
		float: left;
		margin-left: 21%;
		z-index: 9;
		position:relative;
}

#flags img.flag{
         margin-left: auto;
         margin-right: auto;
         cursor: pointer;

}

#flags a{
         margin-left: auto;
         margin-right: 5px;
         cursor: pointer;
         display: inline-block;
         padding: 2px;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	        border-radius: 9px;   
         
}

#topbar{
    position: absolute;
	z-index: 1;
	margin-top: 3px;
	height: 30px;
	padding: 5px 0px;
	font-size: 16px;
	float: right;
	text-align: right;
	width: 100%;
}
#topbar ul{
         position: relative;
         z-index: 15;
       margin-left: 42%;
}
#topbar li{
         margin-top: 4px;
         float: left;
}
#topbar a.greyfade, #topbar div.greyfade{
 	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
         font-size: 14px;
}
#topbar a:link, #topbar a:visited, #topbar div{
         text-align: center;
         display: block;
         min-width: 100px;
         margin-left: 1px;
         padding: 3px;
         font-weight: bold;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	        border-radius: 9px;   
	
}
#topbar li a.greyfade:hover, #topbar li div.greyfade:hover {
         color: rgb(225,80,125);
         cursor: pointer;
}
#userbar{
         background: transparent;
         float: right;
         padding: 4px;
         
}
#userbar div{
         position: relative;
         z-index: 55;
         display: inline-block;
         margin-top: -2px;
         margin-left: -25px;
         margin-right: 12px;
}
/** fonts used for the icons **/ 
@font-face {
    font-family: 'FontomasCustomRegular';
    src: url('fonts/fontomas-webfont.eot');
    src: url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontomas-webfont.woff') format('woff'),
         url('fonts/fontomas-webfont.ttf') format('truetype'),
         url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Custom';
    src: url('fonts/custom.eot');
    src: url('fonts/custom.eot?#iefix') format('embedded-opentype'),
         url('fonts/custom.woff') format('woff'),
         url('fonts/custom.ttf') format('truetype'),
         url('fonts/custom.svg#custom') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FranchiseRegular';
    src: url('fonts/franchise-bold-webfont.eot');
    src: url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franchise-bold-webfont.woff') format('woff'),
         url('fonts/franchise-bold-webfont.ttf') format('truetype'),
         url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
a.hiddenanchor{
	display: none;
}
/** The wrapper that will contain our two forms **/
 #wrapper{
         position: absolute;
	width: 60%;
	right: 32%;
	min-height: 560px;	
	margin: -40px auto;	
	width: 500px;
}
/**** Styling the form elements **/

/**** general text styling ****/
form a{
	color: rgb(95, 155, 198);
	text-decoration: none;
}

form h1{
	font-size: 30px;
	color: #1D3C41;
	padding: 2px 0 10px 0;
	font-family: "Lato",sans-serif;
	font-weight: bold;
	text-align: left;
	padding-bottom: 30px;
}
/** For the moment only webkit supports the background-clip:text; */
form h1{
    background: -webkit-repeating-linear-gradient(-45deg, 
	rgb(18, 83, 93) , 
	rgb(18, 83, 93) 20px, 
	rgb(64, 111, 118) 20px, 
	rgb(64, 111, 118) 40px, 
	rgb(18, 83, 93) 40px);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
form h1:after{
	content: ' ';
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 10px;
	border-bottom:1px solid #ccc;
	/*background: -moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), color-stop(100%,rgba(147,184,189,0))); 
	background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
	background: -o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
	background: -ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); 
	background: linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); */
}

form p{
	margin-bottom:15px;
}
#wrapper p:first-child{
	margin: 0px;
}
form label{
	color: rgb(64, 92, 96);
	position: relative;
}

/**** advanced input styling ****/
/* placeholder */
::-webkit-input-placeholder  { 
	color: rgb(190, 188, 188); 
	font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder{ 
	color: rgb(190, 188, 188);
	font-style: italic;
} 
input {
  outline: none;
}

/* all the input except submit and checkbox */
form input:not(.dejame){
	width: 92%;
	margin-top: 4px;
	padding: 10px 5px 10px 32px;	
	border: 1px solid rgb(178, 178, 178);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
form input:not(.dejame):active,
form input:not(.dejame):focus{
	border: 1px solid rgba(91, 90, 90, 0.7);
	background: rgba(238, 236, 240, 0.2);	
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
} 
.miniflag{
	cursor: pointer;
	margin: 3px;
}

/** the magic icon trick ! **/
[data-icon]:after {
    content: attr(data-icon);
    font-family: 'FontomasCustomRegular';
    color: rgb(106, 159, 171);
    position: absolute;
    left: 10px;
    top: 35px;
	width: 30px;
}
[custom-icon]:after {
    content: attr(custom-icon);
    font-family: 'Custom';
    color: rgb(106, 159, 171);
    position: absolute;
    left: 10px;
    top: 35px;
	width: 30px;
}


/*styling both submit buttons */
#userbar .username{
         width: auto;
        /* cursor: pointer;*/
         padding: 0px 8px 2px 8px; /*margen interno */

}

#userbar{
         position: relative;
}
#userbar .blue.button,
#userbar .username{
         position: relative;
         margin-left: 3px;
         margin-right: 2px;
         z-index: 55;
         display: inline;
         font-size: 14px;
         /*box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	 0px 0px 0px 0.12em rgb(254, 254, 254)*/

}
form .blue.button{
         margin-right: 0px;
         right: 0px;
	font-size: 18px;
        font-weight: bold;
	width: 24%;
        right: 10%;
	padding: 8px 5px;
}
.alignright{
         text-align: right;
}
.floatright{
         float: right;
}
.floatleft{
         float: left;
}
  

.blue.button{
	margin-top: 5px;	         
	margin-bottom: 5px;	         
    padding: 6px 20px; /*margen interno */
        
	border:none;	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 0.12em rgb(254, 254, 254),
	        0px 0.2em 0.12em 0.12em rgb(210, 210, 210);
	cursor: pointer;	
	font-family: "Lato",sans-serif;
	color: #fff;
	background:#ed5153 ;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 4ppx;
	   -moz-border-radius: 4ppx;
	       border-radius: 4px;	
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
	/*box-shadow: 0px 1px 1px 0px #e14043;*/
	font-weight: bold;
}
.blue.button:hover{
	/*background: #486996;*/
	/*border:2px solid #265492;*/
}

.border{
		-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(253, 246, 246),
	        3px 3px 4px 0px rgba(168, 168, 168, 0.6);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(253, 246, 246),
	        3px 3px 4px 0px rgba(168, 168, 168, 0.6);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 0.12em rgb(253, 246, 246),
	        3px 3px 4px 0px rgba(168, 168, 168, 0.6);
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
.bordernoshadow{
		/*-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(253, 246, 246);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(253, 246, 246);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 0.12em rgb(253, 246, 246);*/
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;	
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
	color:#333;
}

.button:active,
.button:focus, #userbar .blue.button:active{
	background: rgb(40, 137, 154);
	top: 1px;
	border: 1px solid rgb(12, 76, 87);	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}


/* styling the checkbox "keep me logged in"*/
.keeplogin{
	margin-top: -5px;
}
.keeplogin input,
.keeplogin label{
	display: inline-block;
	font-size: 12px;	
	font-style: italic;
}
.keeplogin input#loginkeeping{
	margin-right: 5px;
}
.keeplogin label{
	width: 80%;
}



/*styling the links to change from one form to another */

p.change_link{
	position: absolute;
	color: #405C60;
	left: 0px;
	height: 20px;
	width: 440px;
	padding: 17px 30px 20px 30px;
	font-size: 16px	;
	text-align: right;
	border-top: 1px solid rgb(219, 229, 232);
	-webkit-border-radius: 0 0  25px 25px;
	   -moz-border-radius: 0 0  25px 25px;
	        border-radius: 0 0  25px 25px;
	background:#eee;
	/*background: -moz-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -webkit-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -o-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);*/
}
.floatleft a, #userbar .username, p.change_link a {
	display: inline-block;
	font-weight: bold;
	/*background: rgb(247, 248, 241);*/
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s  linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s  linear;
	transition: all 0.4s  linear;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/*border: 1px solid rgb(203, 213, 214);*/
	font-family: 'Lato', sans-serif;
	color: #333;
}

.floatleft a,p.change_link a {
	padding: 2px 6px;
	color: rgb(29, 162, 193);
	/*margin-left: 10px;*/
	text-decoration: none;
}
.floatleft a{
	margin-top: 10px;	
}
.floatleft label{
	margin-left: 10px;	
}

#respuesta.logged .change_link{
         visibility: hidden;
}

.closebutton:hover, #userbar .username:hover, .floatleft a:hover, #wrapper p.change_link a:hover {
	color: #333;
	/*background: rgb(247, 247, 247);
	border: 1px solid rgb(74, 179, 198);*/
}
#userbar .username:active,.floatleft a:active, #wrapper p.change_link a:active{
	position: relative;
	top: 1px;
}
.closebutton{
         position: absolute;
         right: 1em;
         display: block;
         padding-left:5px;
         padding-right: 5px;
 	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;        
	border: 1px solid #333;
	color: #333;
        	font-weight: bold;
         cursor: pointer;
         
}
/** Styling both forms **/
#respuesta,
#passrec,
#register, 
#login{
	position: absolute;
	top: 40px;
	width: 88%;	
	padding: 18px 6% 60px 6%;
	margin: 0 0 35px 0;
	background: #f4f2f2;
	border: 1px solid #ccc;
	/*-webkit-box-shadow: 0px 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	   -moz-box-shadow: 0px 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	        box-shadow: 0px 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
                border-radius: 4px;
				box-shadow: 0px 0px 7px 0px #CCC;
}
#register{	
	z-index: 70;
        visibility: hidden;
}
#respuesta, #passrec{
	z-index: 70;
        visibility: hidden;
}
#login{
	 z-index: 70;
        visibility: hidden;
}

.white{
	background-color: white;	
	border: 1px solid rgb(178,178,178);
	color: black;
}
.white:before{
	background-color: white;	
	border-width: 1px;
	border-style: solid solid hidden solid;
	border-color: grey;
	color: black;
}
.white:after{
	background-color: white;	
	border-width: 1px;
	border-style: hidden solid solid solid;
	border-color: grey;
	color: black;
}
.blue{
	background-color: #5D4CBE;	
	border: 1px solid rgb(255,255,0);
	color: yellow;
}
.blue:before{
	background-color: blue;	
	border-width: 1px;
	border-style: solid solid hidden solid;
	border-color: yellow;
	color: yellow;
}
.blue:after{
	background-color: blue;	
	border-width: 1px;
	border-style: hidden solid solid solid;
	border-color: yellow;
	color: yellow;
}
.red{
	background-color: red;	
	border: 1px solid rgb(0,255,255);
	color: cyan;
}
.red:before{
	background-color: red;	
	border-width: 1px;
	border-style: solid solid hidden solid;
	border-color: cyan;
	color: cyan;
}
.red:after{
	background-color: red;	
	border-width: 1px;
	border-style: hidden solid solid solid;
	border-color: cyan;
	color: cyan;
}
.green{
	background-color: green;	
	border: 1px solid rgb(255,0,255);
	color: magenta;
}
.green:before{
	background-color: green;	
	border-width: 1px;
	border-style: solid solid hidden solid;
	border-color: magenta;
	color: magenta;
}
.green:after{
	background-color: green;	
	border-width: 1px;
	border-style: hidden solid solid solid;
	border-color: magenta;
	color: magenta;
}
.silver{
	background-color: grey;	
	border: 1px solid black;
	color: black;
}
.silver:before{
	background-color: grey;	
	border-width: 1px;
	border-style: solid solid hidden solid;
	border-color: black;
	color: black;
}
.silver:after{
	background-color: grey;	
	border-width: 1px;
	border-style: hidden solid solid solid;
	border-color: black;
	color: black;
}
.yellow{
	background-color: yellow;	
	border: 1px solid blue;
	color: blue;
}
.yellow:before{
	background-color: yellow;	
	border-width: 1px;
	border-style: solid solid hidden solid;
	border-color: blue;
	color: blue;
}
.yellow:after{
	background-color: yellow;	
	border-width: 1px;
	border-style: hidden solid solid solid;
	border-color: blue;
	color: blue;
}
.cyan{
	background-color: rgb(0,255,255);	
	border: 1px solid red;
	color: red;
}
.cyan:before{
	background-color: cyan;	
	border-width: 1px;
	border-style: solid solid hidden solid;
	border-color: red;
	color: red;
}
.cyan:after{
	background-color: cyan;	
	border-width: 1px;
	border-style: hidden solid solid solid;
	border-color: red;
	color: red;
}
.purple{
	background-color: rgb(255,0,255);	
	border: 1px solid green;
	color: rgb(0,255,0);
}
.purple:before{
	background-color: purple;	
	border-width: 1px;
	border-style: solid solid hidden solid;
	border-color: green;
	color: green;
}
.purple:after{
	background-color: purple;	
	border-width: 1px;
	border-style: hidden solid solid solid;
	border-color: green;
	color: green;
}

.cardtext{
         white-space: nowrap;
        padding: 1px;
}
#linktag, #helpmessage{
         visibility: hidden;
}
.cardtext.other{
	background-color: rgb(250, 250, 250);
	height:  1.2em;
	display: inline-block;
	color: black;
	vertical-align:text-bottom
}
.intlink{
	
	color: rgb(0,0,240);
	height:  1.0em;
	display: inline-block;
	vertical-align:text-bottom;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 9px;
        padding-right: 9px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
                border-radius: 8px;
                cursor: pointer;
                text-indent: 0;
}
.suit_red.cardtext,.suit_green.cardtext{
	height: 1em;
	font-size: 1.2em;
	line-height:  1em;
	display: inline-block;
	background-color: rgb(250, 250, 250);
	vertical-align:text-bottom
}
.suit_black.cardtext,.suit_orange.cardtext{
	height: 1em;
	font-size: 1.2em;
	line-height:  1em;
	display: inline-block;
	background-color: rgb(250, 250, 250);
	vertical-align:text-bottom
}
span.intlink .suit_red.cardtext,span.intlink .suit_green.cardtext{
	background-color: rgb(220, 220, 255);
}
span.intlink .suit_black.cardtext,span.intlink .suit_orange.cardtext{
	background-color: rgb(220, 220, 255);
}
span.intlink .cardtext.other{
	background-color: rgb(220, 220, 255);
	color: rgb(0,0,140);
}
#textwrap{
    min-height: 18.2em;
    font-weight: 600;
    border: 1px solid rgb(78, 78, 78);
    background: white;    
 	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: 0px 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	   -moz-box-shadow: 0px 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	        box-shadow: 0px 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
                
    display: block;
    visibility: hidden;
    padding: 15px;
    border-spacing:10px;
}
#textwrap textarea{
	width: 90%;
	height: 10em;
}
#textwrap input{
	float: right;
	margin-top: 0.5em;
        width: 15%;
}
#textwrap ul{
	display: table-row;
	font-size: 16px;
}
#textwrap li{
	display: table-cell;
	width: 15px;
	text-align: center;
	cursor: pointer;
}
#helpmessage{
         position: absolute;
font-size: 14px;
font-size: 2.4vh;
max-width: 70%;
left: 42px;
bottom : 23px;
}

/** the actual animation, credit where due : http://daneden.me/animate/ ***/
.animate{
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	
	-o-animation-duration: 0.5s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.ayuda .help{
         z-index:200;
        -webkit-animation: ayuda 1s linear;
        -moz-animation: ayuda 1s linear;
        -ms-animation: ayuda 1s linear;
        -o-animation: ayuda 1s linear;
        animation: ayuda 1s linear;         
}

.ayuda .help2{
         z-index:210;
        -webkit-animation: ayuda2 2s linear;
        -moz-animation: ayuda2 2s linear;
        -ms-animation: ayuda2 2s linear;
        -o-animation: ayuda2 2s linear;
        animation: ayuda2 2s linear;         
}


.rotador{
                       
}

.customicon
{
    font-family: 'Custom';         
}

.tooltip {outline:none; }
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span.ttip {
    font-weight: 200;
	
    z-index:119;display:none; padding:11px 15px;
    margin-top:-20px; margin-left:28px;
    width:150px; line-height:16px;
}
.tooltip:hover span.ttip{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;z-index:119}
.callout {z-index:120;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
.tooltip span.ttip
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;

}


@-webkit-keyframes activate {
        0% {-webkit-transform: scale(1.0); opacity: 0.8}
        80%  { -webkit-transform: scale(1.8); opacity: 1}
        100% { -webkit-transform: scale(1.5); opacity: 1}
}
@-moz-keyframes activate {
        0% { -moz-transform: scale(1.0); opacity: 0.8}
        80% { -moz-transform: scale(1.8); opacity: 1}
        100% { -moz-transform: scale(1.5); opacity: 1}
}
@-ms-keyframes activate {
        0% { -ms-transform: scale(1.0); opacity: 0.8}
        80% { -ms-transform: scale(1.8); opacity: 1}
        100% { -ms-transform: scale(1.5); opacity: 1}
}
@-o-keyframes activate {
        0% { -o-transform: scale(1.0); opacity: 0.8}
        80% { -o-transform: scale(1.8); opacity: 1}
        100% { -o-transform: scale(1.5); opacity: 1}
}
@keyframes activate {
        0% { transform: scale(1.0); opacity: 0.8}
        80% { transform: scale(1.8); opacity: 1}
        100% { transform: scale(1.5); opacity: 1}
}


@-webkit-keyframes ayuda {
        0% {-webkit-transform: scale(1.0);}
        25% { -webkit-transform: scale(1.5) rotate(-30deg)}
        50% { -webkit-transform: scale(1.5);}
        75%  { -webkit-transform: scale(1.5) rotate(+30deg)}
        100% { -webkit-transform: scale(1.0);}
}
@-moz-keyframes ayuda {
        0% { -moz-transform: scale(1.0);}
        25% { -moz-transform: scale(1.5) rotate(-30deg)}
        50% { -moz-transform: scale(1.5);}
        75%   { -moz-transform: scale(1.5) rotate(+30deg)}
        100% { -moz-transform: scale(1.0);}
}
@-ms-keyframes ayuda {
        0% { -ms-transform: scale(1.0);}
        25% { -ms-transform: scale(1.5) rotate(-30deg)}
        50% { -ms-transform: scale(1.5);}
        75%   { -ms-transform: scale(1.5) rotate(+30deg)}
        100% { -ms-transform: scale(1.0);}
}
@-o-keyframes ayuda {
        0% { -o-transform: scale(1.0);}
        25% { -o-transform: scale(1.5) rotate(-30deg)}
        50% { -o-transform: scale(1.5);}
        75%   { -o-transform: scale(1.5) rotate(+30deg)}
        100% { -o-transform: scale(1.0);}
}
@keyframes ayuda {
        0% { transform: scale(1.0);}
        25% { transform: scale(1.5) rotate(-30deg)}
        50% { transform: scale(1.5);}
        75%   { transform: scale(1.5) rotate(+30deg)}
        100% { transform: scale(1.0);}
}


@-webkit-keyframes ayuda2 {
        0% { -webkit-transform: scale(1.0);}
        10% { -webkit-transform: scale(1.5) }
        30% { -webkit-transform: scale(1.5) rotate(-90deg)}
        50% { -webkit-transform: scale(1.5) rotate(-180deg)}
        70% { -webkit-transform: scale(1.5) rotate(-270deg)}
        90% { -webkit-transform: scale(1.5) rotate(-360deg)}
        100% { -webkit-transform: scale(1.0) rotate(-360deg)}
}
@-moz-keyframes ayuda2 {
        0% { -moz-transform: scale(1.0);}
        10% { -moz-transform: scale(1.5) }
        30% { -moz-transform: scale(1.5) rotate(-90deg)}
        50% { -moz-transform: scale(1.5) rotate(-180deg)}
        70% { -moz-transform: scale(1.5) rotate(-270deg)}
        90% { -moz-transform: scale(1.5) rotate(-360deg)}
        100% { -moz-transform: scale(1.0) rotate(-360deg)}
}
@-ms-keyframes ayuda2 {
        0% { -ms-transform: scale(1.0);}
        10% { -ms-transform: scale(1.5) }
        30% { -ms-transform: scale(1.5) rotate(-90deg)}
        50% { -ms-transform: scale(1.5) rotate(-180deg)}
        70% { -ms-transform: scale(1.5) rotate(-270deg)}
        90% { -ms-transform: scale(1.5) rotate(-360deg)}
        100% { -ms-transform: scale(1.0) rotate(-360deg)}
}
@-o-keyframes ayuda2 {
        0% { -o-transform: scale(1.0);}
        10% { -o-transform: scale(1.5) }
        30% { -o-transform: scale(1.5) rotate(-90deg)}
        50% { -o-transform: scale(1.5) rotate(-180deg)}
        70% { -o-transform: scale(1.5) rotate(-270deg)}
        90% { -o-transform: scale(1.5) rotate(-360deg)}
        100% { -o-transform: scale(1.0) rotate(-360deg)}
}
@keyframes ayuda2 {
        0% { transform: scale(1.0);}
        10% { transform: scale(1.5) }
        30% { transform: scale(1.5) rotate(-90deg)}
        50% { transform: scale(1.5) rotate(-180deg)}
        70% { transform: scale(1.5) rotate(-270deg)}
        90% { transform: scale(1.5) rotate(-360deg)}
        100% { transform: scale(1.0) rotate(-360deg)}
}


@-webkit-keyframes appear {
	0%   { opacity: 0; -webkit-transform: scale(.1);}
	20%  { opacity: 1; -webkit-transform: scale(.2);}
	100% { opacity: 1; -webkit-transform: scale(1);}
}
@-moz-keyframes appear {
	0%   { opacity: 0;transform: scale(.1);}
	20%  { opacity: 1;transform: scale(.2);}
	100% { opacity: 1;transform: scale(1);}
}
@-ms-keyframes appear {
	0%   { opacity: 0;transform: scale(.1);}
	20%  { opacity: 1;transform: scale(.2);}
	100% { opacity: 1;transform: scale(1);}
}
@-o-keyframes appear {
	0%   { opacity: 0;transform: scale(.1);}
	20%  { opacity: 1;transform: scale(.2);}
	100% { opacity: 1;transform: scale(1);}
}
@keyframes appear {
	0%   { opacity: 0;transform: scale(.1);}
	20%  { opacity: 1;transform: scale(.2);}
	100% { opacity: 1;transform: scale(1);}
}

@-webkit-keyframes appearvert {
	0%   { max-height:0px;}
	100% { max-height:400px;}
}
@-moz-keyframes appearvert {
	0%   { max-height:0px;}
	100% { max-height:400px;}
}
@-ms-keyframes appearvert {
	0%   { max-height:0px;}
	100% { max-height:400px;}
}
@-o-keyframes appearvert {
	0%   { max-height:0px;}
	100% { max-height:400px;}
}
@keyframes appearvert {
	0%   { max-height:0px;}
	100% { max-height:400px;}
}


.aparece {
	-webkit-animation: appear 0.8s;
	-moz-animation: appear 0.8s;
	-ms-animation: appear 0.8s;
	-o-animation: appear 0.8s;
	animation: appear 0.8s;

}


.aparece2 {
	-webkit-animation: appear 0.8s;
	-moz-animation: appear 0.8s;
	-ms-animation: appear 0.8s;
	-o-animation: appear 0.8s;
	animation: appear 0.8s;
	animation-delay: 7s;
	-moz-animation-delay:7s;
	-webkit-animation-delay:7s;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.aparecevert {
	-webkit-animation: appearvert 2.8s;
	-moz-animation: appearvert 2.8s;
	-ms-animation: appearvert 2.8s;
	-o-animation: appearvert 2.8s;
	animation: appearvert 2.8s;
	animation-delay: 10s;
	-moz-animation-delay:10s;
	-webkit-animation-delay:10s;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}


@-webkit-keyframes disappear {
	0% { opacity: 1; -webkit-transform: scale(1);}
	90%  { opacity: 0.8; -webkit-transform: scale(.2);}
	100%   { opacity: 0; -webkit-transform: scale(.1);}
}
@-moz-keyframes disappear {
	0% { opacity: 1;transform: scale(1);}
	90%  { opacity: 0.8;transform: scale(.2);}
	100%   { opacity: 0;transform: scale(.1);}
}
@-ms-keyframes disappear {
	0% { opacity: 1;transform: scale(1);}
	90%  { opacity: 0.8;transform: scale(.2);}
	100%   { opacity: 0;transform: scale(.1);}
}
@-o-keyframes disappear {
	0% { opacity: 1;transform: scale(1);}
	90%  { opacity: 0.8;transform: scale(.2);}
	100%   { opacity: 0;transform: scale(.1);}
}
@keyframes disappear {
	0% { opacity: 1;transform: scale(1);}
	90%  { opacity: 0.8;transform: scale(.2);}
	100%   { opacity: 0;transform: scale(.1);}
}

.desaparece {
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	-ms-animation-direction: reverse;
	-o-animation-direction: reverse;
	animation-direction: reverse;
	-webkit-animation: appear 0.8s;
	-moz-animation: appear 0.8s;
	-ms-animation: appear 0.8s;
	-o-animation: appear 0.8s;
	animation: appear 0.8s;

}

.desaparece2 {
	-webkit-animation: disappear 0.8s;
	-moz-animation: disappear 0.8s;
	-ms-animation: disappear 0.8s;
	-o-animation: disappear 0.8s;
	animation: disappear 0.8s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	transition:visibility 0s linear 0.8s;
}

/* SQUARED ONE */
.squaredOne {
	height: 28px;
	background: #eee;
         margin: 5px;
		 border-radius:5px;

	/*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
*/
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
        text-align: right;
}
.squaredOne input {
        color: #fcfff4;
	position: absolute;
	width: 25px;
	height: 20px;
	left: 4px;
	top: 4px;
        padding-left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
}
.squaredOne label{
         display: inline-block;
         margin: 4px ;
         margin-left: 15px;
         font-weight: 700;
}

/* SQUARED TWO */
.squaredTwo {
	height: 28px;
	background: #eee;
        margin: 5px;
		border-radius:5px;

	/*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
        display: block;
        text-align: left;
        color: rgba(0,255,0,0);
         font-weight: 700;
         white-space: nowrap;
		 margin-bottom:10px;
}

.squaredTwo label.sqtwo {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
}

.squaredTwo label.sqtwo:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label.sqtwo:hover::after {
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label.sqtwo:after {
	opacity: 1;
}

.squaredTwo input[type=checkbox]{
         visibility: hidden;
}

.squaredTwo label.sqtext{
         position: absolute;
         display: block;
         top: 4px;
         left: 28px;
         color: rgba(0,0,0,1);
         font-weight: 700;
}
/** yerk some ugly IE fixes 'cause I know someone will ask "why does it look ugly in IE?", no matter how many warnings I will put in the article */

.lt8 #wrapper input{
	padding: 10px 5px 10px 32px;
    width: 92%;
}
.lt8 #wrapper input[type=checkbox]{
	width: 10px;
	padding: 0;
}
.lt8 #wrapper h1{
	color: #066A75;
}
.lt8 #register{	

}
.lt8 p.change_link,
.ie9 p.change_link{
	position: absolute;
	height: 90px;
	background: transparent;
}
/************************************4-2-2016*********************************/
header
{
	width:100%;
	height:auto;
	/*border: 1px solid #ccc;*/
	/*box-shadow: 0 0px 11px rgba(0, 0, 0, 0.3);*/
	padding:5px 0 7px 0;
}
.h_page
{
	width:100%;
	height:auto;
	margin:20px 0 0 0;
}
#topbar a.u_btn
{
	padding:5px 10px;
	color:#454e59;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:blod;
}
#topbar a.u_btn:hover
{
	color:#f00;
}
.u_btn
{
	/*background:#c60001;
	border-radius:0px !important;*/
	padding:5px 10px !important;
	color:#454e59;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.u_btn:hover
{
	color:#f00 !important;
}

#cabeza{
	background:#fff;
}



#titleprac{
	font-size: 20px;
text-align: left;
margin-left: 10px;
padding: 10px 0px;
border-bottom: 1px solid rgb(204, 204, 204);
}





/*****************************************************12.02.2016***************************************************/
.tip1 .wide{
	width:95% !important;
	margin:0 auto;
}
#botones_crear .button{
	float:left;
	font-weight:normal;
	font-size:15px;
	margin:5px 10px;
}
