@charset "utf-8";
/*@grid-columns:              12;
@grid-gutter-width:         30px;
@grid-float-breakpoint:     768px;*/

html, body, div, object, iframe, fieldset {
	font-family: 'Raleway', Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-weight:200;
	
}

html, body{background-color:#fff !important;}

a {color: #000; text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {}
h2 {}
h3 {}
p {}
ol, ul {}
hr{border-top:1px dotted #666!important;}

.rodo{
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius: 6px;  
}	

.degradat{
	background:-webkit-linear-gradient(top,#fff,#ddd) ;
	background:-moz-linear-gradient(top,#fff,#ddd) ;
	background:-ms-linear-gradient(top,#fff,#ddd) ;
	background:-o-linear-gradient(top,#fff,#ddd) ;
	background:linear-gradient(top,#fff,#ddd) ;
}
.degradat2{
	background:-webkit-linear-gradient(top,#fff,#EBDFCC) ;
	background:-moz-linear-gradient(top,#fff,#EBDFCC) ;
	background:-ms-linear-gradient(top,#fff,#EBDFCC) ;
	background:-o-linear-gradient(top,#fff,#EBDFCC) ;
	background:linear-gradient(top,#fff,#EBDFCC) ;
}

.ombra{box-shadow: 0px 0px 10px #000;}	

/*-----------------------------------------------------------------------------------------------------------*/
.left {overflow:hidden; float:left;}
.right {overflow:hidden; float:right;}
.clar {color:#F04D2B;}
.fosc {color:#12275B;}
.bclar {background-color:#F04D2B;}
.bfosc {background-color:#12275B;}
.justificat {text-align:justify;}
.no-gutter {padding:0 !important}

.compartir{overflow:hidden; margin:0em 0em 2em 0em;}

.fs10{font-size:1em !important;}
.fs11{font-size:1.1em !important;}
.fs12{font-size:1.2em !important;}
.fs13{font-size:1.3em !important;}
.fs14{font-size:1.4em !important;}
.fs15{font-size:1.5em !important;}
.fs16{font-size:1.6em !important;}
.fs17{font-size:1.7em !important;}
.fs18{font-size:1.8em !important;}
.fs19{font-size:1.9em !important;}
.fs20{font-size:2.0em !important;}

.lh100{line-height:100% !important;}
.lh110{line-height:110% !important;}
.lh120{line-height:120% !important;}
.lh130{line-height:130% !important;}
.lh140{line-height:140% !important;}
	
#likebox-wrapper *{
   	width:100% !important;
	overflow:hidden !important;
}

.divSpace{height:1em;}	
.divMenuSpace{height:5em;}	
#divTop{/*padding:0 1em 1em 1em !important;*/}
#divBottom{padding:1em 0 12em 0 !important; background-color:#ddd; padding-bottom:150px;}
#logoTop{max-width:170px;}

/*---------------- menu legal -------------------------*/	
#divMenuLegal{width:100%; text-align:left; margin:0 0 0 0;}	
	#divMenuLegal ul{list-style:none; padding:0;}
		#divMenuLegal ul li{display:block; cursor:pointer; font-size:0.8em; margin:0 0 0.3em 0; padding:0; color:#444;}
			#divMenuLegal a{color:#666;}
			#divMenuLegal a:hover{color:#000;}
/*----------------/ menu legal -------------------------*/

/*---------------- menu categories -------------------------*/	
#divMenuCategorias{width:100%; text-align:center; margin:2em 0 1em 0;}	
	#divMenuCategorias ul{list-style:none; padding:0;}
		#divMenuCategorias ul li{display:inline-block; cursor:pointer; font-size:0.4em; font-weight:bold; margin:0 0.1em; color:#222;}
			#divMenuCategorias a{color:#666;}
			#divMenuCategorias a:hover{color:#000;}
/*----------------/ menu categories -------------------------*/

@media screen and (max-device-width:1200px),screen and (max-width:1200px){
}

@media screen and (max-device-width:992px),screen and (max-width:992px){
}

@media screen and (max-device-width:768px),screen and (max-width:768px){
	.divMenuSpace{height:0;}
    #logoTop{display:block; margin-top:70px;}
}

@media screen and (max-device-width:480px),screen and (max-width:480px){
    #logoTop{display:none;}
}