/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (max-width: 1024px) {

img {
	max-width: 100% !important;
        height: auto !important;
}

#wrapper {
	width: 950px !important;
}

.hidemobile4 {
	display: none !important;
}

#slideshow {
	display :none;
}
#modulestop .flexiblemodule {
	width: 50% !important;
float: left;
}
#main .column1 {
	width: 100% !important;
	clear:both;
	float:left;
}
#main .column1 div.inner, #main .column1 div.inner > div {
margin-left: 0 !important;
margin-right: 0 !important;
}
#main .center {
	width: 750px !important;
}
#main .maincenter {
	width: 950px !important;
}
#main .column2 {
	width: 200px !important;
}
#modulesbottom .flexiblemodule {
	width: 50% !important;
float: left;
}
#modules .flexiblemodule {
	width: 50% !important;
float: left;
}


}

@media screen and (max-width: 950px) {

#wrapper {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#mainbanner {
	height: auto !important;
}
#mainbanner .logobloc {
	float :none !important;
	width: auto !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck {
	width: 100% !important;
}
#slideshow {
	display :none;
}
#modulestop .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulestop .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#main .column {
	width: 100% !important;
	clear:both;
	float:left
}
#main .column1 div.inner, #main .column2 div.inner {
	overflow:hidden;
}
#main .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column, .flexiblemodule, .logobloc {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#modulesbottom .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulesbottom .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck {
	width: 100% !important;
}


}

@media screen and (max-width: 758px) {

#wrapper {
	width: 524px !important;
}

.hidemobile2 {
	display: none !important;
}

/*.flexiblemodule {
	width: 50% !important;
}

.flexiblemodule > div.inner {
	margin: 5px !important;
}

.column .moduletable, .column .moduletable_menu {
	float: left;
	width: 45% !important;
	margin: 10px 0 0 0 !important;
	padding: 2% !important;
}

.column div.moduletable:first-child, .column div.moduletable_menu:first-child {
	margin-right: 2% !important;
}*/

#mainbanner {
	height: auto !important;
}
#mainbanner .logobloc {
	float :none !important;
	width: auto !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck {
	width: 100% !important;
}
#slideshow {
	display :none;
}
#modulestop .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulestop .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#main .column {
	width: 100% !important;
	clear:both;
	float:left
}
#main .column1 div.inner, #main .column2 div.inner {
	overflow:hidden;
}
#main .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column, .flexiblemodule, .logobloc {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#modulesbottom .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulesbottom .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck {
	width: 100% !important;
}


}

@media screen and (max-width: 524px) {



#wrapper {
	width: 292px !important;
}


.hidemobile1 {
	display: none !important;
}

#mainbanner {
	height: auto !important;
}
#mainbanner .logobloc {
	float :none !important;
	width: auto !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck {
	width: 100% !important;
}
#slideshow {
	display :none;
}
#modulestop .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulestop .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#main .column {
	width: 100% !important;
	clear:both;
	float:left
}
#main .column1 div.inner, #main .column2 div.inner {
	overflow:hidden;
}
#main .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column, .flexiblemodule, .logobloc {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#modulesbottom .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulesbottom .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck {
	width: 100% !important;
}


}

/**MIO**/

@media screen and (max-width: 214px) {


#wrapper {
	width: 180px !important;
}


.hidemobile1 {
	display: none !important;
}

#mainbanner {
	height: auto !important;
}
#mainbanner .logobloc {
	float :none !important;
	width: auto !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck {
	width: 100% !important;
}
#slideshow {
	display :none;
}
#modulestop .flexiblemodule {
	width: 100% !important;
    float: none;
}
#modulestop .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#main .column {
	width: 100% !important;
	clear:both;
	float:left
}
#main .column1 div.inner, #main .column2 div.inner {
	overflow:hidden;
}
#main .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column, .flexiblemodule, .logobloc {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#modulesbottom .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulesbottom .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck {
	width: 100% !important;
}


}


@media screen and (max-width: 950px) {
/**

#nav ul.menu li ul, #nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul {
    position: relative;
	/**display:none;
	left: 0em;
	z-index: 999;
    margin: 0;
    padding: 0;
	
}

#nav ul.menu li ul, #nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul {
    position: relative;
	/**display:none;
	left: 0em;
	z-index: 999;
    padding: 0;	
	visibility:visible;
	border-bottom:none;*/
	
	
#nav {
	padding: 10px;
	text-align: left;
	color:#7B7B7B;
}

#nav div.moduletable, #nav div.module,
#nav div.moduletable_menu, #nav div.module_menu {
	text-align: left;
	
}

#nav div.moduletable h3, #nav div.module h3,
#nav div.moduletable_menu h3, #nav div.module_menu h3 {
	text-align: left;
}
#nav ul.menu {
    margin: 0;
    padding: 0;
    zoom: 1;		
}

#nav ul.menu:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

#nav ul.menu li {
	margin: 0;
	padding: 0;
	float: left;
	list-style:none;
    white-space: nowrap;		
}

#nav ul.menu > li > a, #nav ul.menu > li > span.separator {
    display:block;
    text-align: left;
    color:#ddd;	
	background:repeat scroll 0 0 #333333;
	border-bottom:1px solid black;
	box-shadow:inset -0.1em -0.1em 0.1em -0.1em black, inset 0.1em 0.1em 0.1em -0.1em white;
}

#nav ul.menu > li:hover > a {
	text-align: left;

}

#nav ul.menu > li.active > a {
	text-align: left;
	color:#F8572C;	
}

#nav ul.menu > li.active > a:hover {
	text-align: left;
	color:#A12D0E;
}




#nav ul.menu li li a, #nav ul.menu li li span.separator {
    display:block;
	text-align:left;
	width:290px;
	/*margin:1px;*/
	padding:5px;
    background:none;
	height:30px;
	color:#F8572C;	
	border-bottom:none;

	/**pobrar con algo como last child*/
}

#nav ul li ul {
/**shadow*/
/*-webkit-box-shadow: 10px 10px 6px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 6px -8px rgba(0,0,0,0.75);
box-shadow: 10px 10px 6px -8px rgba(0,0,0,0.75);*/
box-shadow: none;

}


#nav ul.menu li:last-child  a{
    
	border-bottom:#ddd;
	/**pobrar con algo como last child*/
}



#nav ul.menu li li a:hover{
	color:#1f1f1f;
    display:block;
	text-align: left;
	width:none;
	/*margin:1px;*/
	padding:5px;
    background: none;
	height:30px;	
}

#topnavwrapper a {
	color: rgba(255, 255, 255, 0.9);	
	}

#topnavwrapper ul li a:hover {
    color: #F8572C;

}


#nav ul.menu li li:hover > a {
	text-align: left;
}

#nav ul.menu li li.active > a {
	text-align: left;
}

/**MIO este display puede hacer el toggle, ¡ojo! que parece que es tanto para los subitems de nivel 1 como de nivel 2*/
#nav ul.menu li ul, #nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul {
    position: relative;
	left: 0em;
	z-index: 999;
    padding: 0;	
	visibility:visible;
	display:none;
}

#nav ul.menu li:hover ul ul, #nav ul.menu li:hover li:hover ul ul, #nav ul.menu li:hover li:hover li:hover ul ul,
#nav ul.menu li.sfhover ul ul, #nav ul.menu li.sfhover ul.sfhover ul ul, #nav ul.menu li.sfhover ul.sfhover ul.sfhover ul ul {
	left: 0em;
	margin-top:0px;
	margin-left:0px;
}

#nav ul.menu li:hover > ul, #nav ul.menu li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover ul li:hover > ul,
#nav ul.menu li.sfhover ul, #nav ul.menu li.sfhover ul li.sfhover ul, #nav ul.menu li.sfhover ul li.sfhover ul li.sfhover ul, #nav ul.menu li.sfhover ul li.sfhover ul li.sfhover ul li.sfhover ul {
	left: auto;
	padding-left:0px;
	padding-right:0px;
	background-color:#424242;
}

#nav ul.menu li:hover ul li:hover ul {

}


/**submenu level 1*/
#topnavwrapper ul li ul {
	border-top:none;
    -webkit-transition:none;
	-moz-transition: none;
	 -o-transition:none;
	transition: none;
	background-color:#424242;
	
}

#topnavwrapper ul li ul:after{
    border-bottom: 6px solid #1f1f1f;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    height: 0px;
    left: 30px;
    position: absolute;
    top: -8px;
    width: 0px;
}

#topnavwrapper ul li ul li a:before{
    border-bottom: none;
    border-left:none;
    border-right: none;
    content: "\25c6";
    display: inline-block;
    height: 0px;
	color:#1F1F1F;
    left: 0px;
    position: none;
    top: 0px;
    width: 12px;
}


li.parent > a:after {

content:"▼";
color:#F8572C;


}


/**submenu level2*/
#topnavwrapper ul li ul li ul{
	border-top:none;
	border-left:none;
    -webkit-transition:none;
	-moz-transition: none;
	 -o-transition:none;
	transition: none;
	font-size:11px;
}	
	
#topnavwrapper ul li ul li ul:after{
    border-bottom: none;
    border-left: none;
    border-right: none;
    content: "";
    display: inline-block;
    height: 0px;
    left: -10px;
    position: absolute;
    top:14px;
    width: 0px;
}

#topnavwrapper ul li ul li ul li a:before{
    border-bottom: none;
    border-left:none;
    border-right: none;
    content: "\00a0\00a0\00a0\00a0\00a0\25c6";
    display: inline-block;
    height: 0px;
    left: 0px;
    position: none;
    top: 0px;
    width: 27px;
}



/**submenu level 3*/

#topnavwrapper ul li ul li ul li ul li a:before{
    border-bottom: none;
    border-left:none;
    border-right: none;
    content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\25c6";
    display: inline-block;
    height: 0px;
    left: 0px;
    position: none;
    top: 0px;
    width: 38px;
}


/*FIN submenús**/




li.parent li.parent > a:after {

content:none;
color:#1f1f1f;
position:absolute;
left:191px;
font-size:15px;

}



#footernavwrapper ul li a {
	margin:8px;
	margin-top:1px;
	margin-bottom:1px;
}
		
#footernavwrapper ul li  {
    border-right: 1px solid #B3B3B3;
}

#topnavwrapper ul li a {
	padding:5px;
	padding-right:8px;

}

 li.current a {
	padding:10px;
	/*background-color: #BA5F47;*/
	border-bottom: 4px solid #333;
	color:#333333;
}

	
	


}



.red{
background-color:red;

}

#nav ul.menu {

/**background-color:#BDBDBD;*/
}




}