/* Reset Styles
***********************/
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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1; margin: 0; }
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}

/** GENERAL MAP */
.mapaobras { margin: 0 auto; text-align: center; position: relative; }
.container_mapaobras { width: 100%; height: 100vh; min-height: 300px; background-color: #CCC; }
.convenciones_mapaobras { border: 3px solid #3B2B2B; background-color: #F3F0EB; position: absolute; top: 0; right:15%; padding: 0.5em; text-align: left; }

/** CONVENTIONS */
#conv ul > li { background:url('../images/convenciones.png') 0 0 no-repeat; padding: 3px 5px 3px 23px; margin-bottom: 3px; }
#conv ul > li.ico-dsg { background-position:-3px -2px; }
#conv ul > li.ico-bui { background-position:-3px -32px; }
#conv ul > li.ico-rdy { background-position:-3px -62px; }
#conv ul > li.ico-trc { background-position:-3px -83px; }
#conv ul > li.ico-sec { background-position:-3px -99px; }
#conv ul > li.ico-met { background-position:-3px -114px; }

/** GOOGLE MAPS STYLES  */
.gm-style .gm-style-iw { text-align: left; }
.gm-style .gm-style-iw h2 { font-weight: bold; }
.gm-style .gm-style-iw h3 { font-weight: bold; font-style: italic; }
.gm-style .gm-style-iw img { margin-top: 1em; width: 100%; height: auto; }
.gm-style .gm-style-iw .thumbs { width: 300px; }

@media (max-width: 599px) { 
	.gm-style .gm-style-iw .thumbs { width: 200px; }
}