#divmenu{

width:100%;

height:65px;

border-top:#6fceed solid 4px;

position:fixed;

z-index:9999999;

}



#blanco{

width:100%;

height:65px;

}



#todo{

   width: 601px;

height: 63px;

float: right;

border: red solid 0px;

margin-top: 5px;

}

   

#c_menu{

border:0px solid blue;

    float: right;

    height: 44px;

    margin-bottom: 0px;

   margin-right: 0px;

    padding-top:0px;

width: 760px;

}

  

   

#divmenu{ margin:0px auto;

        background: #FFF;

     }





#menu{

 list-style: none;

height: 49px;

margin: 0;

/*float: right;*/

text-align: left;

border:0px solid #f00;

font-family: 'Roboto', 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: 10px 11px;

margin: 0;

border: purple solid 0px;

text-decoration: none;

text-align: center;

color: /*#6fceed*/ #fff;

/* background: #8ad1ef; */

font-family: 'Roboto', sans-serif;

/*width: 110px;*/

font-size:15px;

font-weight:600;

}



#menu li:hover {

background:#;

color:#398ACC;   

}



#menu li a:hover {

background:#;

color:#398ACC;

}



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

background:#;

color:#398ACC;

}



#menu li a:active {

background:#;

color:#398ACC;

}



#menu .submenu{

    width:280px;

    text-align:left;

    display:none;

    z-index:99999;

    position:absolute;

    margin:0px;

   background:#ddd;

	color:#333;

	margin-top:0px;

}



#menu .submenu  li{

 text-align:left;

display:block;

width:280px;

color:#666;

padding: 0px 10px;

margin-left:-10px  

}



#menu .submenu  li  a{

    display:block;

    padding: 7px 10px;

    border:purple solid 0px;

    text-decoration: none;    

     text-align:left;

	color:#333;

background:;

   /* width:110px;*/

font-weight:400   

}



#menu .submenu  li a:hover {

    padding: 7px 10px;

    color:#fff;

    background: #155da3;

}







#menu li:hover > .submenu {    

    display:block;

}







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



#menu_responsive {

display: none;

padding:10px 10px;

text-align: center;

width:100px;

font-family: 'Roboto', sans-serif;

font-size: 0.8em;

border:0px solid #fff; margin-top:12px

    }  

	

  

@media (max-width: 1034px) {

    

            #cont_chispix{ width:95%; height:auto;}

            #princon{ width:100%; height:auto;}

           #c_menu{ left:none !important;}

            

            

    }





 

 @media (max-width: 1200px) {

#c_menu{

border:0px solid blue;

    float: right;

    height: 44px;

    margin-bottom: 0px;

   margin-right: 0px;

    padding-top:0px;

}



#menu li a{padding: 10px 11px; }

} 



 @media (max-width: 1100px) {

#c_menu{

border:0px solid blue;

    float: right;

    height: 44px;

    margin-bottom: 0px;

   margin-right: 0px;

    padding-top:0px;

}



#menu li a{padding: 10px 11px; }

} 

 





  @media (max-width: 1070px) {

    #menu_responsive{display:block; float:right;   margin-right: 0px; margin-top: 0px; border: 0px solid #f00;}

    #divmenu{  width:100%; border: 0px solid#3F3; margin-top:50px; height:67px;}

    

  

    #todo{width:100%}

     #blanco{ height:63px;}

    #c_menu{

    background:#fff;

    color: /*#0078ca*/ #FFF ;

    width:48%;

	 margin-top:44px;

    min-height:255px;

    overflow:auto;

    position:absolute;

    left:-100%;    

    z-index:9999; 

	border:0px solid #0C6;

	margin-left:51.9%;  

    }

	#menu{

 list-style: none;

height: 100%px;

margin: 0;

float: left;

text-align: left;

border:0px solid #f60;

font-family: 'Roboto', sans-serif;



padding: 0;

width: 100%;







}

    #menu li a{

     width: 100%;

    background:#fff;

color: /*#0078ca*/ #333 ;

    padding:15px 0px;

	font-weight:600;

	border-bottom:1px dashed #814141;

	font-size:18px;

        }

		

#menu li {

width: 100%;

background: #fff;

color: /*#0078ca*/ #fff ;

 }

 

   

#menu .submenu{

    width: 100%;

    display:none;

    position:relative;

background: #fff;

color: /*#0078ca*/ #EDEDED ;

	margin-top:0px;

	margin-left:-10px

}

#menu .submenu li{

    width: 100%;

    background:#EDEDED;

    color:  #333 ;

	font-size:18px;

	margin-left:-1px;

}

#menu .submenu  li  a{

  background:#EDEDED;

	font-size: 15px; text-align:center;

    color:  #333 ;

    padding:15px 0px;

	border: 1px dashed #333;

		font-size:18px;

}



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

color:#398ACC;

}

   #menu .submenu  li  a:hover{

  background:#155da3;

	font-size: 15px; text-align:center;

    color:  #fff;

	font-size:18px;

    padding:15px 0px;

	border: 1px dashed #333;

}

   

#menu{

 width:100%;

height:auto;

}



    }

 

 

 @media (max-width: 1000px) {

   #menu_responsive{display:block; float:right;   margin-right: 0px; margin-top: 0px; border: 0px solid #f00;}

    #divmenu{  width:100%; border: 0px solid#3F3; margin-top:50px; height:67px;}

    

  

    #todo{width:100%}

     #blanco{ height:63px;}

    #c_menu{

    background:#fff;

    color: /*#0078ca*/ #FFF ;

    width:48%;

	 margin-top:44px;

    min-height:255px;

    overflow:auto;

    position:absolute;

    left:-100%;    

    z-index:9999; 

	border:0px solid #0C6;

	margin-left:51.9%;  

    }

	#menu{

 list-style: none;

height: 100%px;

margin: 0;

float: left;

text-align: left;

border:0px solid #f60;

font-family: 'Roboto', sans-serif;



padding: 0;

width: 100%;







}

    #menu li a{

     width: 100%;

    background:#fff;

color: /*#0078ca*/ #333 ;

    padding:15px 0px;

	font-weight:600;

	border-bottom:1px dashed #814141;

	font-size:18px;

        }

		

#menu li {

width: 100%;

background: #fff;

color: /*#0078ca*/ #fff ;

 }

 

   

#menu .submenu{

    width: 100%;

    display:none;

    position:relative;

background: #fff;

color: /*#0078ca*/ #EDEDED ;

	margin-top:0px;

	margin-left:-10px

}

#menu .submenu li{

    width: 100%;

    background:#EDEDED;

    color:  #333 ;

	font-size:18px;

	margin-left:-1px;

}

#menu .submenu  li  a{

  background:#EDEDED;

	font-size: 15px; text-align:center;

    color:  #333 ;

    padding:15px 0px;

	border: 1px dashed #333;

		font-size:18px;

}



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

color:#398ACC;

}

   #menu .submenu  li  a:hover{

  background:#155da3;

	font-size: 15px; text-align:center;

    color:  #fff;

	font-size:18px;

    padding:15px 0px;

	border: 1px dashed #333;

}

   

#menu{

 width:100%;

height:auto;

}

 }





 @media (max-width: 700px) {

  #menu_responsive{display:block; float:right;   margin-right: 0px; margin-top: 0px; border: 0px solid #f00;}

    #divmenu{  width:100%; border: 0px solid#3F3; margin-top:50px; height:67px;}

    

  

    #todo{width:100%}

     #blanco{ height:63px;}

    #c_menu{

    background:#fff;

    color: /*#0078ca*/ #FFF ;

    width:48%;

	 margin-top:44px;

    min-height:255px;

    overflow:auto;

    position:absolute;

    left:-100%;    

    z-index:9999; 

	border:0px solid #0C6;

	margin-left:51.9%;  

    }

	#menu{

 list-style: none;

height: 100%px;

margin: 0;

float: left;

text-align: left;

border:0px solid #f60;

font-family: 'Roboto', sans-serif;



padding: 0;

width: 100%;







}

    #menu li a{

     width: 100%;

    background:#fff;

color: /*#0078ca*/ #333 ;

    padding:15px 0px;

	font-weight:600;

	border-bottom:1px dashed #814141;

	font-size:18px;

        }

		

#menu li {

width: 100%;

background: #fff;

color: /*#0078ca*/ #fff ;

 }

 

   

#menu .submenu{

    width: 100%;

    display:none;

    position:relative;

background: #fff;

color: /*#0078ca*/ #EDEDED ;

	margin-top:0px;

	margin-left:-10px

}

#menu .submenu li{

    width: 100%;

    background:#EDEDED;

    color:  #333 ;

	font-size:18px;

	margin-left:-1px;

}

#menu .submenu  li  a{

  background:#EDEDED;

	font-size: 15px; text-align:center;

    color:  #333 ;

    padding:15px 0px;

	border: 1px dashed #333;

		font-size:18px;

}



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

color:#398ACC;

}

   #menu .submenu  li  a:hover{

  background:#155da3;

	font-size: 15px; text-align:center;

    color:  #fff;

	font-size:18px;

    padding:15px 0px;

	border: 1px dashed #333;

}

   

#menu{

 width:100%;

height:auto;

}

 }





 @media (max-width: 650px) {

    #menu_responsive{display:block; float:right;   margin-right: 0px; margin-top: 0px; border: 0px solid #f00;}

    #divmenu{  width:100%; border: 0px solid#3F3; margin-top:50px; height:67px;}

    

  

    #todo{width:100%}

     #blanco{ height:63px;}

    #c_menu{

    background:#fff;

    color: /*#0078ca*/ #FFF ;

    width:70%;

	 margin-top:50px;

    min-height:255px;

    overflow:auto;

    position:absolute;

    left:-100%;    

    z-index:9999; 

	border:0px solid #0C6;

	margin-left:30%;  

    }

	#menu{

 list-style: none;

height: 100%px;

margin: 0;

float: left;

text-align: left;

border:0px solid #f60;

font-family: 'Roboto', sans-serif;



padding: 0;

width: 100%;







}

    #menu li a{

     width: 100%;

    background:#fff;

color: /*#0078ca*/ #333 ;

    padding:10px 0px;

	font-weight:600;

	border-bottom:1px dashed #814141;

	font-size:16px;

        }

		

#menu li {

width: 100%;

background: #fff;

color: /*#0078ca*/ #fff ;

 }

 

   

#menu .submenu{

    width: 100%;

    display:none;

    position:relative;

background: #fff;

color: /*#0078ca*/ #EDEDED ;

	margin-top:0px;

	margin-left:-10px

}

#menu .submenu li{

    width: 100%;

    background:#EDEDED;

    color:  #333 ;

	font-size:16px;

	margin-left:-1px;

}

#menu .submenu  li  a{

  background:#EDEDED;

	font-size: 15px; text-align:center;

    color:  #333 ;

    padding:10px 0px;

	border: 1px dashed #333;

		font-size:16px;

}



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

color:#398ACC;

}

   #menu .submenu  li  a:hover{

  background:#155da3;

	font-size: 15px; text-align:center;

    color:  #fff;

	font-size:16px;

    padding:10px 0px;

	border: 1px dashed #333;

}

   

#menu{

 width:100%;

height:auto;

}

 }





 @media (max-width: 457px) {

  #menu_responsive{display:block; float:right;   margin-right: 0px; margin-top: 0px; border: 0px solid #f00;}

    #divmenu{  width:100%; border: 0px solid#3F3; margin-top:50px; height:67px;}

    

  

    #todo{width:100%}

     #blanco{ height:63px;}

    #c_menu{

    background:#fff;

    color: /*#0078ca*/ #FFF ;

    width:70%;

	 margin-top:55px;

    min-height:255px;

    overflow:auto;

    position:absolute;

    left:-100%;    

    z-index:9999; 

	border:0px solid #0C6;

	margin-left:30%;  

    }

	#menu{

 list-style: none;

height: 100%px;

margin: 0;

float: left;

text-align: left;

border:0px solid #f60;

font-family: 'Roboto', sans-serif;



padding: 0;

width: 100%;







}

    #menu li a{

     width: 100%;

    background:#fff;

color: /*#0078ca*/ #333 ;

    padding:10px 0px;

	font-weight:600;

	border-bottom:1px dashed #814141;

	font-size:14px;

        }

		

#menu li {

width: 100%;

background: #fff;

color: /*#0078ca*/ #fff ;

 }

 

   

#menu .submenu{

    width: 100%;

    display:none;

    position:relative;

background: #fff;

color: /*#0078ca*/ #EDEDED ;

	margin-top:0px;

	margin-left:-10px

}

#menu .submenu li{

    width: 100%;

    background:#EDEDED;

    color:  #333 ;

	font-size:14px;

	margin-left:-1px;

}

#menu .submenu  li  a{

  background:#EDEDED;

	font-size: 15px; text-align:center;

    color:  #333 ;

    padding:10px 0px;

	border: 1px dashed #333;

		font-size:14px;

}



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

color:#398ACC;

}

   #menu .submenu  li  a:hover{

  background:#155da3;

 text-align:center;

    color:  #fff;

	font-size:14px;

    padding:10px 0px;

	border: 1px dashed #333;

}

   

#menu{

 width:100%;

height:auto;

}

} /***tamaño minimo ****/