#divmenu{
width:100%;
height:65px;
border-top:#6fceed solid 4px;
position:fixed;
z-index:9999999;
}

#c_menu{
border: 0px solid blue;
    float: right;
    height: 63px;
    margin-bottom: 0px;
    margin-right:-80px;
    margin-top: 50px;
    width: 600x;
  
}


#divmenu{ margin:0px auto;     background: #FFF;     }

#menu{
 list-style: none;
height: 63px;
margin: 0;
/*float: right;*/
text-align: left;
border:0px solid #f00;

font-family: 'Signika Negative', sans-serif;
padding: 0;
background:
}

#menu li{
    float:left;
    display:block;
    /*margin:9px 5px;*/
    border-bottom:#000 solid 0px;  
}

#menu li a{
display: block;
padding: 20px 19px;
margin: 0;
border: purple solid 0px;
text-decoration: none;
text-align: center;
color: #666;
// background: #0074C7; 
//font-family: 'Signika Negative', sans-serif;
font-size:18px;
font-weight:700;
    
}
#menu li:hover {color:#0074C7; }
#menu li a:hover {color:#0074C7;}
#menu li a:hover, #menu .submenu li:hover a{color:#0074C7;}

#menu li a:active {color:#0074C7;}

#menu .submenu{
    width:190px;
    text-align:left;
    display:none;
    z-index:99999;
    position:absolute;
    margin:0px;
   background:#2697D1;
	color:#fff;
	margin-top:0px;

}


#menu .submenu  li{
 text-align:left;
display:block;
width:200px;
color:#EDEDED;
padding: 0px 10px;
margin-left:-45px
   
}
#menu .submenu  li  a{
    display:block;
    padding: 7px 10px;
    border:purple solid 0px;
    text-decoration: none;    
     text-align:left;
	color:#fff;
background:#;
width:200px;
    
}

#menu .submenu  li a:hover {
    padding: 7px 10px;
    color:#ccc;
    background: #0775C2; 
margin-left:0px;
width:200px;
}



#menu li:hover > .submenu {    
    display:block;
}



/***********************************RESPONSIVE*****************************************=**********************/

#menu_responsive {
margin: 0px 0px 0px; 
display: none;
padding:0px;
text-align: center;
width:60px;
font-family: 'Signika Negative', sans-serif;
font-size: 0.8em;
border:0px solid #fff; margin-top:12px
    }  
	
  
/*
@media (max-width: 458px) {
    #menu_responsive {display: none;}
}
*/

@media (max-width: 1034px) {
    
            #cont_chispix{ width:95%; height:auto;}
            #princon{ width:100%; height:auto;}
           #c_menu{ left:none !important;}
            
  }



 
@media screen and (min-width: 800px) and (max-width: 1024px) {
  #menu_responsive{display:block; float:right; margin-top:55px ; margin-right:-80px; border: 0px solid #f00;}
    #divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}
    
	#men2{display:block}
#men1{display:none}
	
  
    #todo{width:100%}
     #blanco{ height:63px;}
    #c_menu{
    background:#EDEDED ;
    color: /*#0078ca*/ #FFF ;
 margin-top:100px;
    min-height:255px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:50%;  
	width: 50%;
    }
	#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Signika Negative', sans-serif;
padding: 0;
width: 100%;



}
    #menu li a{
     width: 100%;
   background:#EDEDED;
color:#666;
    padding:15px 0px;
	font-weight:600;
	border-bottom:1px dashed #333;
	font-size:20px;
        }
		
#menu li {
width: 100%;
background: #006187;
color: /*#0078ca*/ #fff ;
 }
 
   
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
background: #fff;
color: /*#0078ca*/ #fff ;
	margin-top:0px;
	margin-left:-10px
}
#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}
#menu .submenu  li  a{
  background:#fff;
	 text-align:center;
    color:  #333 ;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
	font-size:20px;
		width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{

background:#;
color:#0775C2 ;
width:100%;
}
   #menu .submenu  li  a:hover{
  background:#0775C2;
text-align:center;
    color:  #fff;
	font-size:20px;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;


}

    }
    
 



@media screen and (min-width: 600px) and (max-width: 799px) {
  #menu_responsive{display:block; float:right; margin-top:55px ; margin-right:-80px; border: 0px solid #f00;}
    #divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}
    
	#men2{display:block}
#men1{display:none}
	
  
    #todo{width:100%}
     #blanco{ height:63px;}
    #c_menu{
    background:#EDEDED ;
    color: /*#0078ca*/ #FFF ;
 margin-top:100px;
    min-height:255px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:50%;  
	width: 50%;
    }
	#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Signika Negative', sans-serif;
padding: 0;
width: 100%;



}
    #menu li a{
     width: 100%;
   background:#EDEDED;
color:#666;
    padding:15px 0px;
	font-weight:600;
	border-bottom:1px dashed #333;
	font-size:20px;
        }
		
#menu li {
width: 100%;
background: #006187;
color: /*#0078ca*/ #fff ;
 }
 
   
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
background: #fff;
color: /*#0078ca*/ #fff ;
	margin-top:0px;
	margin-left:-10px
}
#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}
#menu .submenu  li  a{
  background:#fff;
	 text-align:center;
    color:  #333 ;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
	font-size:20px;
		width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{

background:#;
color:#0775C2 ;
width:100%;
}
   #menu .submenu  li  a:hover{
  background:#0775C2;
text-align:center;
    color:  #fff;
	font-size:20px;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;


}

    }
	
	
@media screen and (min-width: 480px) and (max-width: 599px) {
  #menu_responsive{display:block; float:right; margin-top:55px ; margin-right:-80px; border: 0px solid #f00;}
    #divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}
    
	#men2{display:block}
#men1{display:none}
	
  
    #todo{width:100%}
     #blanco{ height:63px;}
    #c_menu{
    background:#EDEDED ;
    color: /*#0078ca*/ #FFF ;
 margin-top:100px;
    min-height:255px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:50%;  
	width: 50%;
    }
	#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Signika Negative', sans-serif;
padding: 0;
width: 100%;



}
    #menu li a{
     width: 100%;
   background:#EDEDED;
color:#666;
    padding:15px 0px;
	font-weight:600;
	border-bottom:1px dashed #333;
	font-size:20px;
        }
		
#menu li {
width: 100%;
background: #006187;
color: /*#0078ca*/ #fff ;
 }
 
   
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
background: #fff;
color: /*#0078ca*/ #fff ;
	margin-top:0px;
	margin-left:-10px
}
#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}
#menu .submenu  li  a{
  background:#fff;
	 text-align:center;
    color:  #333 ;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
	font-size:20px;
		width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{

background:#;
color:#0775C2 ;
width:100%;
}
   #menu .submenu  li  a:hover{
  background:#0775C2;
text-align:center;
    color:  #fff;
	font-size:20px;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;


}

    }
 
 

	

@media screen and (min-width: 320px) and (max-width: 479px) {
  #menu_responsive{display:block; float:right; margin-top:55px ; margin-right:-80px; border: 0px solid #f00;}
    #divmenu{  width:100%; border: 0px solid#3F3; margin-top:100px; height:67px;}
    
	#men2{display:block}
#men1{display:none}
	
  
    #todo{width:100%}
     #blanco{ height:63px;}
    #c_menu{
    background:#EDEDED ;
    color: /*#0078ca*/ #FFF ;
 margin-top:100px;
    min-height:255px;
    overflow:auto;
    position:absolute;
    left:-100%;    
    z-index:9999; 
	border:0px solid #EDEDED;
	margin-left:20%;  
	width: 80%;
    }
	#menu{
 list-style: none;
height: 100%px;
margin: 0;
float: left;
text-align: left;
border:0px solid #f60;
font-family: 'Signika Negative', sans-serif;
padding: 0;
width: 100%;



}
    #menu li a{
     width: 100%;
   background:#EDEDED;
color:#666;
    padding:15px 0px;
	font-weight:600;
	border-bottom:1px dashed #333;
	font-size:17px;
        }
		
#menu li {
width: 100%;
background: #006187;
color: /*#0078ca*/ #fff ;
 }
 
   
#menu .submenu{
    width: 100%;
    display:none;
    position:relative;
background: #fff;
color: /*#0078ca*/ #fff ;
	margin-top:0px;
	margin-left:-10px
}
#menu .submenu li{
    width: 100%;
    background:#fff;
    color:  #333 ;
	font-size:16px;
}
#menu .submenu  li  a{
  background:#fff;
	 text-align:center;
    color:  #333 ;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
	font-size:17px;
		width:100%;
}

#menu li a:hover, #menu .submenu li:hover a{

background:#;
color:#0775C2 ;
width:100%;
}
   #menu .submenu  li  a:hover{
  background:#0775C2;
text-align:center;
    color:  #fff;
	font-size:17px;
    padding:15px 0px;
	border-bottom: 1px dashed #333;
}
   
#menu{
 width:100%;
height:auto;


}

    }
