html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
 caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}





body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	background: url(images/fondoweb.jpg) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
}


#madre{width:958px;padding:5px; margin:auto; position:relative;z-index:10;} /*modificado */
#menuaux {
 	width:958px;margin-top:10px;z-index:9999; position:relative; 
}
.menuaux {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin:3px;
}
#menup {
	width:958px;background:#E4E4E4; z-index:9999;margin-top:6px;position:relative; height:36px;border:1px solid #e4e4e4; 
}
.menup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin:10px;
}
#contenido{
 	width:100%; background:#E4E4E4 ; z-index:20; border:1px solid #e4e4e4; /*modificado */
}
#dentro-contenido {
	width:938px; background:#ffffff;margin:10px;
}
#logo-galleta {
	float:left;
}
#logo {
	width:231px; height:125px; background: #ffffff; color: #000;/*modificado */
}
#galleta {
	width:230px; height:197px;background:#e4e4e4; 
}
#foto{
	float:right;width:710;  height:378px; 
}
#cuerpo {
 clear:both; width:938px;background:#C2CBD6 ;
}
/*----------------*/
.flotar{
float:left;margin:5px; 
}
#destacao{
width:300px; height:40px;background:#336699 url(images/fondodestacao.jpg) no-repeat top left; border:1px solid #336699;
}
#foto-destacao{
 width:300px;  background:#e4e4e4;border:1px solid #e4e4e4;/*modificado */
}
.destaca-cab{
background:#336699; 
}
.destaca-col{
background:#e4e4e4; 
}
.titdestacao {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none; 
	
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none; 
}
.textob {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.icono {
	border: 1px solid #401808; margin:8px;
}
.btn-galleta {
width:60px ;height:20px; border:1px solid #ffffff; background:#336699;color:#FFFFFF; text-transform:capitalize;
}







#animacion{ width:70%; float:left;margin-left:20px;}

#tabladestacado{ width:100%; overflow:hidden; background:#ffffff;border:0px solid #6B513D;}
#textohome{ width:60%;}
#accesogaleriahome{TEXT-ALIGN: right; width:35%;}
#menu_responsive{display:none;}


/* menu responsive -------------------------------------------------------*/
.menu_bar {
display:none;
}
 
header {
position:relative;
width:inherit; 
height:50px; 
margin:3px auto; padding:0;
 text-align:left; 
 z-index:9999 ;
}
 
header nav {
background:#fff; 
z-index:1000;
max-width:100%; text-align: center;
width:100%;
margin:0 auto;

	

}
 
header nav ul {
list-style:none; padding:0; margin:0;
background:url(images/fondomenup.jpg) repeat-x top left; 
margin-top:6px;position:relative; height:56px; 
}
 
header nav ul li {
display:inline-block; 
position: relative; padding:0; margin:0 0.8%;
}
 
header nav ul li:hover {
color:green;
}
 
header nav ul li a {
color:#000;
display:block;
text-decoration:none;
padding: 5px 0;
}
 
header nav ul li a span {
margin-right:10px;
}
 
header nav ul li:hover .children {
display:block;
}
 
header nav ul li .children {
display: none; padding:15px 5px;
background:#f5f5f5;
position: absolute;
width: 160%;
z-index:1000;
}
 
header nav ul li .children li {
display:block;
overflow: hidden; 
border-bottom: 1px solid rgba(255,255,255,.5);
}
 
header nav ul li .children li a {
display: block;
}
 
header nav ul li .children li a span {
float: right;
position: relative;
top:3px;
margin-right:0;
margin-left:10px;
}
 
header nav ul li .caret {
position: relative;
top:3px;
margin-left:10px;
margin-right:0px;
}

#widgettiempo{display:block}

/* menu responsive -------------------------------------------------------*/








@media screen and (max-width:800px){
 * {
padding:0;
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

header {
position:absolute; top:-380px; 
width:100%; 
 text-align:left; 
 z-index:9999 ;
}

#menu_responsive{display:block;}
#menuaux{display:none;}
#menup{display:none;}





#madre{width:100%;padding:5px; margin:auto; position:relative;z-index:10;}


/*la galleta para moviles*/
#galleta{
	position:relative;
	width:95%;	
	background:url(images/fondogalleta.jpg) no-repeat top left;
	padding:10px;	
	left:10px;z-index:10;
}

#animacion{ width:100%; margin:0px; border:0px solid #E4E4E4;}
#foto-destacao{
 width:100%; overflow:hidden;margin:auto; background:#ffffff;border:1px solid #E4E4E4;}
 
#foto-destacaoimg{ width:95%; }
#cabecera-destacado{position:absolute; margin:5px;}
#cuerpo {
 width:95%;background:#ffffff ;margin:5px;border:0px solid #E4E4E4;
}
#dentro-contenido {
	width:100%; background:#ffffff;margin:0px;
}
#accesogaleriahome {
	display:none;
	width:95%; 
}

#destacao-madre {
	width:100%; background:#ffffff;
}
#destacao{
width:100%;background:#E4E4E4; border:1px solid #E4E4E4;
}
#col1, #col2{ width:98%; float:none; margin:0; padding:5px}
.img-resp{ width:100%;}
#textohome{ width:100%;}
#animacionbx{margin-top:0px;}
#tabladestacado{ width:95%; overflow:hidden;margin:auto; background:#ffffff;border:0px solid #E4E4E4;}
.titdestacao {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none; 
	
}
.Estilo1 {font-size: 7px}



 
 
header {
position:absolute; top:70px; 
width:100%; 
 text-align:left; 
 z-index:9999 ;
}

.menu_bar {
display:block;
width:100%;
position:fixed;
top:0;left:0;
background:#FFF;padding:0;
}
 
.menu_bar .bt-menu {
display: block;
padding: 7px;
color: #fff;
overflow: hidden;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
 
.menu_bar span {
float: right;
font-size: 40px;
}
.bt-menu-banderas {
background:#34689A;text-align:center;
}
header nav {
width: 100%;
height: calc(100% - 220px);
position: fixed;
right:100%;
margin:67px 0 0  0;
overflow: auto; background:#f5f5f5; padding:15px 5px;
}
 
 
 
header nav ul {
list-style:none; padding:0; margin:0;
background:#f5f5f5; 
margin-top:6px;position:relative; height:56px; 
}

 
header nav ul li {
display: block;
border-bottom:1px solid #FFF;
}
 
header nav ul li a {
display: block;
}
 
header nav ul li:hover .children {
display: none;
}
 
header nav ul li .children {
width: 100%;
position: relative;
}
 
header nav ul li .children li a {
margin-left:20px;
}
 
header nav ul li .caret {
float: right;
}
	
#logo-galleta {
	float:left;width:100%;border:0px solid pink;margin:0px;padding:0px;overflow: hidden;background:#E4E4E4;
}
#galleta {
	width:100%;margin-top:70px; margin-bottom:10px ; padding:0px;height:100%;background:none; border:0px solid pink; }
	
#logo{display:none}
#widgettiempo{display:none}
/*--------------------- */
}