body, html{cursor: default; font-family: 'Arimo', sans-serif; padding: 0; margin: 0; line-height: 1.7; height: 100%;}
body,div,span,a,p,ul,li,b,h1,h2,h3,h4,h5,h6,small{background-repeat: no-repeat;}
a{text-decoration: none;}
body{text-align: center;}

body{background-color: #ccc;}/*EFEFEF*/
h1, h2, h3, h4, h5, h6{color: #75758B;}
h1 {border-bottom: 1px #C4C4CB solid;}
#page{background-color: #FFF;}
#tools{background-color: #a7a4a3;}
#head{background-color: #a7a4a3; color: #C4C4CB; border-bottom: 5px #75758B solid;}
#secnav{ } /*background-color: #241c30;*/
#menuhead{background-color: #a7a4a3;}
#menunav  li a {border-bottom: 1px #75758B solid;}
#menunav li .selectitm, 
#menuhead li a:hover,
.menu li a:hover{color:#ffcd41;}
#menuhead li a {color: #241c30;}
.menu li a {color: #C4C4CB;}
.panelarea:hover{background-color: #EFEFEF;}
#titlepopup{background-color: #FFF;}

#titlepopup{-webkit-box-shadow: 0px 0px 15px 5px #75758B; -moz-box-shadow: 0px 0px 15px 5px #75758B; box-shadow: 0px 0px 8px 0px #75758B;}
#menuhead,
.panelarea{-webkit-box-shadow: 0px 10px 22px -8px #75758B; -moz-box-shadow: 0px 10px 22px -8px #75758B; box-shadow: 0px 10px 22px -8px #75758B;}

#titlepopup{display: none; position: absolute; font-size: 10pt; padding: 0 10px;white-space:nowrap;}
#page{max-width: 1000px; width: 95%;}
#head{height: 200px;}
#contenido{padding-bottom: 20px;}
#contmenuhead{width: 100%; text-align:right; top: 160px; position: relative;}
#menuhead{position: absolute; right: 0; top: 20px;}

#page{text-align: left; margin: auto;}
#body{background-image: url(../img/fdomenu.gif); background-repeat: repeat-y; background-position: -35px; min-height: 540px;}
#tools{ text-align: right; padding: 2px 15px 2px 0;}
#head{width: 100%; }
#sectlogo{background-color: #a7a4a3; height: 200px; width: 41%; max-width: 323px; position: absolute;}
#contenido{padding: 10px 75px; font-size: 12pt; margin-left: 150px; display: none; text-align: justify;}
#secnav{float:left;   width: 164.5px;}
#pie{height: 40px; line-height: 1.5; padding: 5px 25px 0 0; color: #75758B; text-align: right; background-color: #efefef; -webkit-box-shadow: 0px 10px 22px -8px #75758B; -moz-box-shadow: 0px 10px 22px -8px #75758B; box-shadow: 0px 10px 22px -8px #75758B;}

#body h1{display: none;}

.logo{float: left; border: 0; margin: 45px 0 0 3%;}

#head{background-position:right;}
.headindx #head{background-image: url(../img/p1280/img1.jpg);}
.headareas #head{background-image: url(../img/p1280/img2.jpg);}
.headsocios #head{background-image: url(../img/p1280/img3.jpg);}
.headcontacto #head{background-image: url(../img/p1280/img4.jpg);}



.menu{list-style-type: none; margin: 0; padding: 0; }
.menu li {display: inline; }

#menuhead li a {display: inline-block; padding: 10px 20px;cursor: pointer;}
#menunav ul{margin: 0; padding: 0;}
#menunav  li a {display: block; padding: 20px 20px; cursor: pointer;}
#menuhead li .selectitm{font-weight: bold;}

.listacorta li {margin: 40px 0px;}


.panelarea{cursor: pointer; padding: 5px; margin-bottom: 15px;}

.mails{list-style-type: none; background-image: url(../img/arroba.gif); padding-left: 45px; background-position: left center;}
.mobile{list-style-type: none; background-image: url(../img/cel.gif); padding-left: 45px; background-position: left center; }
.mobile li,
.mails li{padding: 3px 0;}

.info{text-align: right;}


#pie small{cursor: pointer;}
.icnmobile{background-image: url(../img/mobile.gif); padding-left: 16px; margin-left: 5px; }

@media screen and (max-width: 763px) { 
	#body{font-size: 11pt; background-position: -75px;}
	#page{width: 100%;}
	
	#sectlogo{background-color: transparent; height: 155px; position: static;}
	#contmenuhead{position: static;}
	
    #menuhead{position: static; right: 0; top: 20px;}
	#menuhead{-webkit-box-shadow: 0px 0px 0px 0px #75758B; -moz-box-shadow: 0px 0px 0px 0px #75758B; box-shadow: 0px 0px 0px 0px #75758B;}
	#menuhead{background-color: rgba(167,164,163,0.7)}
	.logo{width: 80%; margin: 0;}
	
	#head{background-position:left; background-size: 100% 200px; }
	 
	.headindx #head{background-image: url(../img/p600/img1.jpg);}
	.headareas #head{background-image: url(../img/p600/img2.jpg);}
	.headsocios #head{background-image: url(../img/p600/img3.jpg);}
	.headcontacto #head{background-image: url(../img/p600/img4.jpg);}
	
	#secnav{width: 125px;}
	#secnav .menu{font-size: 9pt;}
	#contenido{font-size: 11pt; margin-left: 100px; padding: 10px 55px;}
	.menu{font-size: 11pt;}
	#titlepopup{font-size: 9pt;}
	
}
@media screen and (max-width: 630px) { 
	h1{font-size: 1.53em;}
	#body{background-image: none; font-size: 10pt;}
	#sectlogo{height: 105px;}
	#head{height: auto; border-bottom-width: 3px; background-size: 100% 100%; }
	#menuhead{border-top: 0px; background-color: rgba(167,164,163,0.8);}
	#menuhead li a{padding: 5px 10px;}
	#secnav{float: none; width: 100%; background-image: url(../img/fdomenu.gif); background-repeat: repeat;}
	#menunav li a{padding: 5px 0; text-align: center;}
	#contenido{margin-left: 0; padding: 10px 50px; font-size: 10pt;}
	.menu{font-size: 10pt;}
	#titlepopup{font-size: 8pt;}
}

/*
@media screen and (max-width: 630px) { 
	#page{width: 100%;}
	
	#sectlogo{background-color: transparent; height: auto; position: static;}
	#contmenuhead{position: static;}
	
    #menuhead{position: static; right: 0; margin-top: 80px; }
	#menuhead{-webkit-box-shadow: 0px 0px 0px 0px #75758B; -moz-box-shadow: 0px 0px 0px 0px #75758B; box-shadow: 0px 0px 0px 0px #75758B;}
	#menuhead{border-top: 5px #75758B solid;}
	#menuhead li {display: block;  border-bottom: 1px #75758B solid;}
	#menuhead li a { padding: 3px 0; display: block; text-align: center;}
	.logo{width: 80%; margin: 0; float: none;}
	
	#head{background-position:left -20; background-size: 100% 200px; height: auto; border-bottom: 0px;}
	 
	.headindx #head{background-image: url(../img/p600/img1.jpg);}
	.headareas #head{background-image: url(../img/p600/img2.jpg);}
	.headsocios #head{background-image: url(../img/p600/img3.jpg);}
	.headcontacto #head{background-image: url(../img/p600/img4.jpg);}
	
	/*#secnav{float: none; position: absolute;}*/
	/*
	#contenido{margin-left: 0px; padding: 10px 15px;}	
}*/
