/*
 Theme Name:   Twenty Sixteen Child Theme
 Description:  A child theme of the Twenty Sixteen default WordPress theme
 Author:       Nick Schäferhoff
 Template:     twentysixteen
 Version:      1.0.0
*/


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;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
	height: 101%;
}
body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, sans-serif; background: url("img/main_bg.jpg") 0 90px repeat-x;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* ol, ul { list-style: none; } */

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

p { font-size: 1.2em; line-height: 1.0em;}

.screen-reader-text {
	display: none;
}

strong {
	font-weight: bold !important;
}


/* GLOBAL STYLES --------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, li, a, p {
	font-family: 'Muli', sans-serif;
}

h1.entry-title {
	font-size: 25px;
	font-weight: bold;
	line-height: 25px;
	margin: 0 0 20px 0;
}

.entry-content h1, .entry-content h2 {
	font-size: 25px;
	font-weight: bold;
	line-height: 25px;
	margin: 30px 0 20px 0;
}

#info-main h2 {
	font-size: 25px;
	font-weight: bold;
	line-height: 25px;
	margin: 30px 0 20px 0;
}

h2 {
	font-size: 13px;
	line-height: 13px;
	text-transform: capitalize;	
}

p, .wdform-label, .contactoInfo {
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	color: #222222;
}

.entry-content p a {
	line-height: 30px;
}

.brand {
	font-weight: bold;
	text-transform: uppercase;
	color: #002d57;	
}






/* LOGO & MENU --------------------------------------------------------------------------------*/

.portada_header {
	width: 100%;
	height: auto;
	padding: 5px 0 0 0;
	overflow: auto;
	display: block;
	background: black url("img/menu_bg.jpg") 0 0 repeat-x;
	background-size: auto 100%;
	z-index: 1;
}

#logo-y-menu, .site-content {
	width: 770px;
	height: auto;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

#head-logo {
	float: left;
}

#menu-menu-principal {
	float: left;
	list-style: none;
	margin-top: 49px !important;
	margin-left: 10px;
}

#menu-menu-principal li {
	float: left;
	width: 100px;
	height: 45px;
	display: block;
	text-align: center;
	border-left: 1px solid gray;
	-webkit-transition: all 0.2s ease-in-out; 
}

#menu-menu-principal li:last-child {
	border-right: 1px solid gray;
}

#menu-menu-principal li a {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	line-height: 45px;
}

#menu-menu-principal li:hover {
	background-color: #c71f00;
	-webkit-transition: all 0.1s ease-in-out; 
}

#menu-menu-principal li.current-menu-item, #menu-menu-principal li.current-page-ancestor {
	background: url("img/marker_up.png") 50% 100% no-repeat;
	background-size: 10px 10px;
}

#menu-menu-principal li.current-menu-item:hover, #menu-menu-principal li.current-page-ancestor:hover {
	background-color: #c71f00; 
}

#menuOpener {
	display: none;
}

/* SUB-MENUS */

.dropdown-toggle {
	display: none;
}

.menu-arriba .sub-menu {
	display: none;
	position: absolute;
	width: 220px;
	background-color: black !important;
	z-index: 1000 !important;
}

.menu-arriba .sub-menu li {
	float: none !important;
	clear: both;
	width: 100% !important;
	display: block;
	border-bottom: 1px solid gray;
	border-right: none !important;
}

.menu-arriba .sub-menu li:hover {
	cursor: pointer;
}

.menu-arriba .sub-menu li a {
	width: 100%;
	display: block;
}

.menu-arriba #menu-item-20:hover .sub-menu {
	display: block !important;
}

.menu-arriba #menu-item-19:hover .sub-menu {
	display: block !important;
}


/* IDIOMAS */


div#idiomaNav {
	position: relative;
	float: right;
	margin-top: 68px;
	width: 60px;
}

div#idiomaNav .sub-menu {
	width: 85px !important;
	background: none !important;
}

div#idiomaNav .sub-menu li {
	border: 0;
}

div#idiomaNav li a {
	color: white;
	text-decoration: none;
}

#menu-idiomas .wpglobus-current-language > a {
	display: none;
}

#menu-idiomas ul.sub-menu {
	display: block;
}



/* SLIDER PORTADA --------------------------------------------------------------------------------*/

#sliderPortadaDiv .sliderPortada {
	width: 100%;
	display: block;
	margin-top: -41px;
	z-index: 2;
}

.sliderPortada .ms-container {
	border-bottom: 4px solid #e29f32;
	border-top: 4px solid #e29f32;
}

#sliderPortadaDiv .sliderPortada div.ms-thumb-frame {
	border-left: 2px solid #e29f32;
	border-right: 2px solid #e29f32;
}

.sliderPortada .ms-thumb-list {
	background-color: black;	
	border-bottom: 4px solid #e29f32;
}

.proyectos-slider .ms-thumb {
	background-color: #343434;
	color: white;
	text-align: center;
}

.proyectos-slider div.ms-thumb-frame {
	background-color: #343434;
}

.proyectos-slider .ms-tab-context {
	text-shadow: 0px 0px 0px #343434;
	text-transform: uppercase;
}

.proyectos-slider .ms-tab-context a {
	color: white;
	text-decoration: none;
}

.proyectos-slider .ms-tabs .ms-thumb {
	padding: 21px 0 0 0;
}

.proyectos-slider .ms-thumb-frame:nth-child(4) .ms-thumb {
	padding: 16px 0 0 0 !important;
}

.proyectos-slider .ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
	border-bottom-color: #343434;
}

div.ms-thumb-list.ms-tabs.ms-dir-h.ms-align-bottom {
	margin-top: -11px !important;
}

.sliderPortada div.ms-slide-info {
	position: absolute !important;
	width: 100%;
	height: 28px !important;
	min-height: 1px !important;
	text-align: center;
	display: block;

	left: 0 !important;
	right: 0 !important;
	bottom: 125px !important;
	margin: 0 auto 0 auto !important;

	color: white;
	font-size: 25px;
	font-weight: bold;
}


@media screen and (max-width:760px) {
	.sliderPortada div.ms-slide-info {
		bottom: 165px !important;
	}
}


.sliderPortada div.ms-slide-info > div {
	position: absolute;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;	
}




/* CONTENIDO --------------------------------------------------------------------------------*/

.site-content {
	margin-top: 40px;
	overflow: visible;
	display: block;
}

.content-area, .site-main, #info-main, #productosDivs {
	width: 100%;
	margin: 0;
	overflow: visible;
	position: relative;
}

#productosDivs, .content-area, .site-main {
	overflow: hidden !important;
	display: block !important;
}

.site-content img.alignleft {
	float: left;
	margin: 5px 25px 25px 0;
}

.site-content img {
	border: 5px solid #1e1e1e;
}

/* fix: el estilo anterior interfiere con estilos del plugin de Google Maps */
.gm-style img {
	border: none !important;
}


#productosDivs article {
	float: left;
	width: 50%;
	height: 230px !important;
	border: 1px solid #cecece;
	display: block;
}

#productosDivs article .entry-header, #productosDivs article .entry-content, #productosDivs article .entry-footer {
	width: 85%;
}

#productosDivs article .entry-header {margin: 20px auto 5px auto;}
#productosDivs article .entry-content {margin: 0 auto 5px auto;}
#productosDivs article .entry-footer {margin: 0 auto 20px auto;}


#productosDivs article .entry-header .entry-title, #productosDivs article h1 {
	display: block !important;
	width: intrinsic !important;
	padding-right: 15px;
	margin-bottom: 0;
	font-size: 18px;
	text-transform: uppercase;
	color: #063a7f;
	background: url("img/marker.png") 100% 45% no-repeat;
	background-size: 8px 8px;	
}

.productosDivsSub article h1 {
	font-size: 12px !important;
}

#productosDivs article .entry-content h2 {
	display: none !important;
	line-height: 0;
	margin: 0;
}

#productosDivs article .post-thumbnail {
	float: left;
	margin: 5px 20px 5px 30px;
}

#productosDivs article .post-thumbnail img {
	border: 4px solid #8a8a8a;
}

#productosDivs article .entry-content figure, #productosDivs article .entry-content img {display: none;}

#productosDivs article .entry-content p {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}

#productosDivs article .entry-content p:first-child {
	line-height: 0;
}

#productosDivs article .more-link {
	float: right !important;
	margin-top: 20px;
	line-height: 10px;
}

article div.post-thumbnail {
	display: none;
}

.site-main .entry-header .entry-title {
	display: none !important;
}


/* LOGO SIN ZANJA --------------------------------------------------------------------------------*/

#content-bottom-widgets {
	width: 100%;
	margin: 40px 0 0 0;
}

#content-bottom-widgets p {
	text-align: center;
}

#content-bottom-widgets img {
	border: none;
}




/* BUSQUEDA  FOOTER --------------------------------------------------------------------------------*/


.widget-title {
	display: none;
}

.widget_search {
	width: 250px;
	margin: 30px auto 0 auto;
}

.widget_search .widget-title {
	float: left;
	line-height: 22px;
}

.widget_search .search-submit span.screen-reader-text {
	display: block !important;
}



/* FOOTER --------------------------------------------------------------------------------*/

.footerMenu {
	width: 600px;
	height: 50px;
	display: block;
	margin: 40px auto 0 auto;
	overflow: visible;
}

.footerMenu ul {
	width: 100%;
	overflow: auto;
	display: block;
}

.footerMenu ul li {
	width: 20%;
	float: left;
	border-left: 1px solid gray;
	text-align: center;
}

.footerMenu ul li:first-child {
	border: none;
}

.footerMenu ul li a {
	font-size: 14px;
	color: gray;
	text-decoration: none;
}

#footerImagen {
	width: 100%;
	height: 160px;
	display: block;
	margin: 40px 0 0 0;
	background: url("img/footer_bg.jpg") 50% 50% no-repeat;	
}




/* CONTACTENOS --------------------------------------------------------------------------------*/

.contactoDivs {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.contactoMapaInfoDiv, .contactoFormulario {
	float: left;
}

.contactoMapaInfoDiv {
	width: 56%;
	margin-right: 3%;
}

.contactoFormulario {
	width: 40%;
	margin: 0 auto 0 auto;
	padding: 2% 2% 0 2%;
	background-color: white;
}

.contactoInfo {
	margin: 30px 0 0 0;
}

.wdform_page {
	padding-top: 0 !important;
}

.contactoMapa {
	overflow: hidden;
	display: block;	
}

.contactoInfo {
	clear: both;
	text-align: center;
	padding: 45px 0 0 0 !important;
	background: url("img/omali_logo_txt.jpg") 50% 20px no-repeat;
}

.contactoFormulario div.warning {
	width: 100%;
	border: none;
	background-color: black;	
}

.contactoFormulario div.warning p {
	font-size: 12px;
	line-height: 15px;
	color:white;
	padding: 5px;
	text-align: center;
}

div.wdform-element-section {
	width: auto !important;
}

.wdform-page-and-images {
	padding: 0 !important;
}

.form1 .wdform_column {
	border-spacing: 0 !important;
}

.wdform_page .wdform_section div div input[type="text"] {
	padding: 0 0 0 0 !important;
}

.form1 .wdform-label, .form1 .button-submit, .form1 .button-reset {
	font-family: 'Muli', sans-serif !important;
	font-size: 12px;
}


/* RESPONSIVE */

@media screen and (min-width: 601px) {
	#menu-menu-principal {
		display: block !important;
	}
}


/* MENU */

@media screen and (max-width: 770px) {
	#logo-y-menu {
		width: 100%;
	}

	.site-content {
		width: 90%;
	}
	
	#menu-menu-principal li {
		width: auto;
		height: 40px;
	}
	
	.menu-arriba #menu-menu-principal {
		margin-top: 54px !important;	
	}
	
	#menu-menu-principal li a {
		font-size: 13px;
		line-height: 40px;
		padding: 0 7px 0 7px;
	}
	
	.site-content img.size-full {
		width: 100%;
		height: auto;
	}
	
	#productosDivs article {
		height: 280px !important;
	}
}

@media screen and (max-width: 695px) {
	#productosDivs article .post-thumbnail, #productosDivs article .post-thumbnail img {
		width: 100px !important;
		height: 100px !important;
		display: block;
	}

	#productosDivs article {
		height: 275px !important;
	}
}

@media screen and (max-width: 687px) {
	/* CONTACTO */
	.contactoMapaInfoDiv {
		clear: both;
		float: none;
		width: 85%;
		margin: 0 auto 15px auto;
		
	}
	
	.contactoFormulario {
		clear: both;
		float: none;
		width: 85%;
		margin: 25px auto 0 auto;
	}
}



@media screen and (max-width: 600px) {

	.menu-arriba #menu-menu-principal {
		display: none;
		overflow: hidden;
		height: auto;
		margin-top: 15px !important;	
	}

	.portada_header {
		background-size: 1px 107px;
	}

	#head-logo {
		margin-bottom: 15px !important;		
	}
	
	#menuOpener {
		position: absolute;
		top: 40px;
		right: 4px;
		display: block;
		width: 100px;
		height: 25px;
		background: url("img/menuOpener.svg") 0 50% no-repeat;
		background-size: 25px 25px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
		line-height: 25px;
		color: white !important;
		padding: 0 0 0 35px;
		overflow: hidden;
	}

	#menuOpener:hover {
		cursor: pointer;
	}

	#menuOpener p {
		color: white;
	}
	
	#head-logo {
		margin: 5px 0 0 15px;
		width: 60px;
		height: 66px;
	}
	
	#head-logo a, #head-logo a img {
		width: 100%;
		height: 100%;
	}
	
	#menu-menu-principal {
		clear: both;
		width: 100%;
		margin: 0 !important;
	}

	#menu-menu-principal {
		margin-top: 15px !important;
	}
	
	#menu-menu-principal li {
		clear: both;
		float: none;
		width: 100%;
		display: block;
		text-align: center;
		border-left: 0;
		border-bottom: 1px solid grey;
		height: auto !important;
	}
	
	#menu-menu-principal li:first-child {
		border-top: 1px solid grey;		
	} 
	
	#menu-menu-principal li:last-child {
		border-right: none;	
	}

	#menu-menu-principal li:hover {
		cursor: pointer;
	}
	
	#menu-menu-principal li a{
		line-height: 55px;
		width: 100%;
		display: block;
	}	

	.menu-arriba .sub-menu {
		position: relative;
		width: 90%;
		margin: 0 auto 0 auto;
	}


	/* IDIOMAS */
	
	div#idiomaNav {
		position: absolute;
		top: 48px;
		right: 0;
		left: 0;
		margin: 0 auto 0 auto;
		padding-left: 15px;
		display: block;
	}
	

	/* FOOTER MENU */
	.footerMenu {
		width: 420px;
		margin: 45px auto 0 auto;
	}

	.footerMenu ul li {
		width: auto;
	}

	.footerMenu ul li a {
		padding: 0 7px 0 7px;
	}
	
	/* PRODUCTOS */
	#productosDivs article {
		clear: both;
		float: none;
		width: 100%;
		height: auto !important;
		margin: 0 auto 0 auto;
		padding: 0 0 15px 0;
		overflow: hidden;
	}
		
}


@media screen and (max-width: 419px) {
	.footerMenu {
		height: auto !important;
		display: block !important;
	}

	.footerMenu {
		width: 100%;
	}
	
	.footerMenu ul li {
		clear: both;
		float: none;
		height: 45px;
		border-bottom: 1px solid gray;
	}

	.footerMenu ul li:first-child {
		border-top: 1px solid gray;
		border-bottom: 1px solid gray;
	}

	.footerMenu ul li a {
		line-height: 45px;
		width: 100%;
		display: block;
	}
	
}


/* AJUSTES */

.entry-content ul, .entry-content p ul {
	font-size: 14px;
	line-height: 24px;
	padding: 20px !important;
}


.entry-content table {
	width: 100%;
}

.entry-content table thead, .entry-content table tbody {
	height: 40px !important;
	font-size: 14px;
	line-height: 20px;
	color:#fff;
	text-align: justify;
}

.entry-content table thead, .entry-content table thead tr td:first-child {
	background-color: #5e5e5e !important;
	font-weight: bold;
}

.entry-content table thead tr td:first-child {
	background-color: #d2d2d2 !important;	
	color: black;
}

.entry-content table tbody {
	background-color:#ffffff;
	color: #393939;
}

.entry-content table thead tr td, .entry-content table tbody tr td {
	border: 1px solid #787878;
	width: 25%;
	padding: 10px;
	vertical-align: middle;
}

.entry-content table thead tr td:first-child, .entry-content table tbody tr td:first-child {
	background-color: #d2d2d2;
	text-align: center;
	font-weight: bold;
}

ul#menu-idiomas.menu, ul#menu-idiomas.menu ul.sub-menu, ul#menu-menu-footer.menu {
	list-style: none !important;
}