/*
Theme Name: Dasan Prótesis Auditivas
Author: Víctor Marqués
Author URI: http://vicmarq.com/
Version: 1.0
Text Domain: dasan
*/

@font-face {
	font-family: 'RageItalic';
	src: url('font/RageItalic.eot');
	src: local('RageItalic'), url('font/RageItalic.woff') format('woff'), url('font/RageItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'MyriadPro'; /*Conv_MYRIADPRO-REGULAR*/
	src: url('font/MYRIADPRO-REGULAR.eot');
	src: local('☺'), url('font/MYRIADPRO-REGULAR.woff') format('woff'), url('font/MYRIADPRO-REGULAR.ttf') format('truetype'), url('font/MYRIADPRO-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'MyriadPro' !important;
	font-size: 16px !important;
}

#container {
	max-width:1020px;
	margin:0 auto;
	padding: 10px;
}

img {
	max-width:100%;
}

h4 {
	font-size: 18px !important;
	color: #0071B3 !important;
}

/* Header */

/* Menú */
nav {
	width: 1000px; 
	height: 40px; 

}

nav a {
		color: black !important;
		text-decoration: none;
		text-shadow: 1px 1px rgb(59, 164, 202);
}

nav a:hover {
		color: white !important;
		text-decoration: none;
		text-shadow: 1px 1px black;
}

nav ul {
	list-style-type: none;
}

nav li {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(120, 187, 215) 0%, rgb(0, 114, 170) 100%) repeat scroll 0 0;
    border-right: 1px solid rgb(0, 137, 184);
    border-left: 1px solid rgb(0, 137, 184);
    border-top: 2px solid rgb(0, 137, 184);
    border-top: 2px solid rgb(0, 137, 184);
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 38px;
    line-height: 37px;
    padding: 0 18px;
    text-align: center;
}

nav li:hover {
	background:  radial-gradient(ellipse, #00618E, black);
}

@media(min-width: 768px){
	nav li:first-child {
		margin-left: -22px;
		border-bottom-left-radius: 8px;
    	border-top-left-radius: 8px;
	}

	nav li:last-child {
		border-bottom-right-radius: 8px;
    	border-top-right-radius: 8px;
	}
}

@media(max-width: 767px){
	nav li {
		width: 87%;
		margin: 5px 0;
	}
}

nav li:first-child {
    border-left: 2px solid rgb(0, 137, 184) !important;
}

nav li:last-child {

border-right: 2px solid rgb(0, 137, 184) !important;
}

.container-menu {
	width: 100%;
}
/* Home */

.home-main-slider {
	margin-top:10px;
}

.home-col {
	padding-right: 5px !important;
  	padding-left: 5px !important;
}

.home-col p {
	font-size: 15px;
}

.homepage-square {
	border: 2px solid #DCDCDC;
	border-radius:5px;
	padding:10px;
	height: 310px;
}

.homepage-square h4 {
	margin-bottom: 20px;
}
.slide-home-2, .slide-home-3, .slide-home-4 {
	height: 170px;
}

/* Molde */
@media(max-width: 767px){
	.menu-sec {
		width:100% !important;
		float: none !important;
	}
}


.menu-sec {
	float:left;	
	height:160px;
	padding-top:125px;
	text-align: center;
	cursor: pointer;
}

.menu-sec:first-child {
	margin-left: 5%;
}

.menu-silicona {
	width:17%;
}

.menu-acrilico {
	width:14%;
}

.menu-venting {
	width:14%;
}

.menu-longitud-molde {
	width:24%;
}

.menu-free-sound {
	width:20%;
}

.silicona-submenu {
	cursor: pointer;
}

.silicona-submenu a {
	padding: 2px 10px;
}

.silicona-submenu .link-wrapper {
	border-bottom: 1px solid #4AA2D4;
	display: inline-block;
	margin-top:10px;
}

.silicona-pic-hidden, .acrilico-pic-hidden {
	display: none;
}

.block-silicona, .block-acrilico, .block-venting, .block-longitud, .block-free-sound {
	display: none;
}

.silicona-text-title {
	font-family: 'RageItalic';
	text-align: center;
  	margin-bottom: 20px;
}

.silicona-text p {
	margin: 20px 0;
}

.silicona-pics-tiny img, .acrilico-pics-tiny img {
	cursor: pointer;
}

.acrilico-thumbnail {
	float:left;
}

/* Micromolde */

.menu-micromolde-acrilico {
	width: 20%;
}

.menu-micromolde-silicona {
	width: 20%;
}

.block-micromolde-acrilico, .block-micromolde-silicona {
	display: none;
}

/* Tapón de baño */

.tapon360 { display:none;overflow:hidden; }
.tapon360 ul, .tapon360 li{margin:0; padding:0;}
.tapon360 li{list-style:none;}

.tapon360{width:275px; height: 200px !important; margin: 50px auto 0; cursor: pointer;}

.menu-tapon-bano-catamaran-normal, .menu-tapon-bano-catamaran-aqua, .menu-tapon-bano-catamaran-fluorescente, .menu-tapon-bano-catamaran-edespecial {
	width: 22%;
}

.block-tapon-bano-catamaran-normal, .block-tapon-bano-catamaran-aqua, .block-tapon-bano-catamaran-fluorescente, .block-tapon-bano-catamaran-edespecial{
	display: none;
}

.fluorescente-slider-img {
	max-width:800px !important;
	margin: 0 auto;
	max-height:650px !important;
	left: 10% !important;
}

.catamaran-fluorescente-animacion-info {
	height:40px;
	position:fixed;
	top:0px;
	max-width:100%;
	width:1000px;
	background:#333333;
	color:white;
	z-index:50;
	font-size:25px;
	text-align:center;
	display: none;
}

/* Tapón músico */

.menu-tapon-musico-auriculares {
	width: 19%;
}

.menu-tapon-musico-dsmusic {
	width: 20%;
}

.block-tapon-musico-auriculares, .block-tapon-musico-dsmusic {
	display: none;
}

.dsmusic-submenu .link-wrapper {
	border-bottom: 2px solid #EEEEEE;
	display: inline-block;
	margin:10px 0 20px;
}

.dsmusic-submenu-link {
	padding: 0 14px;
	color: black;
}

.dsmusic-block{
	display: none;
	padding: 15px;
}

@media(min-width: 768px){
	.dsmusic-block-attenuations {
		padding-top: 150px;
	}
}

/* Protección acústica */

.block-protacus-dentista, .block-protacus-cazador, .block-protacus-fabrica, .block-protacus-motor, .block-protacus-avion, .block-protacus-descanso{
	display:none;
}

.protacus-menu-link {
	color: black;
}

.protacus-menu-link:hover {
	text-decoration: none;
	color: black;
}

.protacus-menu-ds {
	font-size:42px;
	margin-bottom:0px;
	line-height:35px
}

.protacus-menu-name {
	font-size:21px;
	display:block
}

/*
.dasan-tiny-carousel {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    padding: 0 30px 10px;
    position: relative;
}
.dasan-tiny-carousel .viewport {
    height: 125px;
    overflow: hidden;
    position: relative;
}

.dasan-tiny-carousel .overview {
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 180px;
}
.dasan-tiny-carousel .overview li {
    float: left;
    height: 120px;
    margin: 0 20px 0 0;
    padding: 1px;
    width: 175px;
}
*/

.protacus-opaslide {
	float:left;
	margin: 6px;
}

.protacus-opaslide img {
	opacity: 0.4;
}

/* Servicios */

.servicios-paragraphs p {
	margin: 30px 0;
}

.block-servicios-audlab {
	display:none;
	font-size:15px;
}

/* Accesorios y Materiales */

.mac-slider {
	margin: 20px 0 60px;
}
.mac-submenu ul{
    list-style: none;
    margin:0 auto;
    padding:0;
}
.mac-submenu{
    width:1000px;
    float:left;
}
.mac-submenu ul li{

    float:left;
    margin: 0 10px 10px;

}
.mac-inner{
    width:8000px;
}
.mac-window{
    width:1000px;
    overflow: hidden;
    height:160px;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 1px;
    border:1px solid lightgrey;
    margin-top:20px;

}
.mac-menu ul{
    list-style: none;
    margin:0 auto;
    padding:0;
}
.mac-menu{
    width:1000px;
    list-style: none;
    margin:0;
    padding:0;
    float:left;
    height:30px;
    background: url('pics/nav_bg.png');
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 1px;
    border:1px solid lightgrey;
    border-top:0;

}
.mac-menu li{
    float:left;
    padding:0;
    margin:0 0 0 30px;
    height:30px;
}
.mac-active{
    background: url("pics/active.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 8px;
    margin-top: -1px;
    width: 13px;
    z-index: 10;
    position: absolute;
    top:0;
    left: 90px;
}

.mac-menu a{
    margin-top: 7px;
    float:left;
    text-decoration: none;
    color: #7F7F7F;
    text-shadow: 0 1px 0 #FFFFFF;
}
.mac-menu a:hover{
    color:#2B2B2B;
}
.mac-menu-active{
    color:#2B2B2B !important;
}
.mac-submenu ul li a{
    border:0;
    font-size:13px;
    margin-top: 7px;
    float:left;
    text-decoration: none;
    color: black;
    text-align: center;
}
.mac-submenu ul li a:hover{
    color: black;
}
.mac-submenu ul li img{
    border:0;
}
.mac-submenu span{
    display:block;
}

.block-imprjerin-pastagran, .block-imprjerin-cuchara, .block-imprjerin-pastapeq, .block-imprpist-pistola, .block-imprpist-canula, .block-imprpist-cartuchos, .block-imprpist-puntas, .block-codos, .block-fundas, .block-otoblock-conico, .block-otoblock-cilindrico, .block-otoblock-ventilado, .block-tubo, .block-accesorios, .block-muestras {
	display: none;
}

.block-muestras p{
	font-size: 16px;
}

.accemat-menu-link {
	cursor:pointer;
}

/* Footer */

footer {
	margin-top:30px;
	border: 2px solid #dcdcdc;
    border-radius: 10px;
    padding: 5px 20px;
}

.footer-column {
	float:left;
	color: #0075A8;
	font-size: 13px;
}

.footer-column h5 {
	font-weight: 700;
	font-size: 16px;
}