/*========GENERAL========*/
.menu {padding-bottom: 20px;}
#space {margin-bottom: 0px; line-height: 60%;}
h1#paytone{font-family: 'Paytone One', sans-serif; font-size:36px; line-height:44px; letter-spacing:0px; color:#474747; text-shadow:1px 1px 1px #fbfbfb; font-weight:400; margin-left: 0px;}

@media screen and (max-width: 800px) {
	.menu {padding-bottom: 0px;}
	.toggle-nav {
		left: 0px;
		top: 27px;
	} 
	.menu2 ul {
		top: 180%;
		left:-9px;
	}
	.brands_customers li img {height:auto; width:auto; display: block;}
	.faq .container_12 a img {height:auto; width:auto; display: inherit;}
}
@media screen and (max-width: 640px) {
	.img-indent2 {
		float: none;
		margin:0 auto;
		display:block;
		width:256px;
		height:141px;
		margin-bottom:15px;
	}
	.toggle-nav {
		margin-top: 0px;
		top:-10px;
	}
	.menu2 ul {
		top:110%
	}
	#space {display: none;}
}
@media screen and (max-width: 440px) {
	.toggle-nav{
		top:4px;
	}
}
@media screen and (max-width: 390px) {
	.brands_customers li img {
		padding-left: 22px;
	}
}

/* servicios.html ==================================*/
.marg13 {margin: 0 auto;width: 90%;max-width: 960px;margin-top: 40px;}
.head {height: auto;}
@media screen and (max-width: 640px) {
	.img-indent2 {
		float: none;
		margin:0 auto;
		display:block;
		width:256px;
		height:141px;
		margin-bottom:15px;
	}
}

/* nuestros-clientes-marcas.html ===================*/
.container_12 .grid_88 {
  width:100%;
}
#content .container_12 .grid_88 .marg13 {width: 100%; margin-top:20px;}

/* preguntas-frecuentes.html =======================*/
#content .container_12 .grid_12 h2  {margin: 0 auto;}
.grid_12 ul.indent {
    width: 90%;
    margin-left: 30px;
}
@media screen and (max-width: 1024px) {
    .indent-2 {
        margin: 0 20px 20px!important;
    }
}
@media screen and (max-width: 800px) {
	.more-q { 
		max-width: 960px;
		width: 90%;
		text-align: center;
	}
}

/* contactar.html,
informe-previo.html
marca-nacional.html
marca-comunitaria.html
renovar-marca.html ==================================*/
@media screen and (max-width: 1024px) {
	#form-pages {width: 90%;}
	#form-pages  .grid_4{width: 35%!important;}
	#form-pages .grid_6 {width: 45%!important;}
	#content #form-pages .prefix_1 {padding-left: 30px;}
}
@media screen and (max-width: 890px;) {

}
@media screen and (max-width: 800px) {
	#form-pages .grid_4 {
		width: 100%!important;
	}
	#form-pages .grid_6 {
		width: 100%!important;
		float: none;
	}
	dd.pad3 {display: none;}
	#form {
		margin: 0px 0 0px 0px;
		width: 95%;
	}
}

/* 
que-es-una-marca.html
definicion-de-marca.html
que-son-las-marcas.html
que-es-un-nombre-comercial.html
nombres-comerciales.html
concepto-de-marca.html
como-registrar-una-marca.html
marcas-registradas.html
que-es-una-marca-registrada.html
clases-de-marcas.html
como-registro-una-marca.html
que-es-el-registro-de-marcas.html
oepm.html
patentes-marcas.html ===============================*/
@media screen and (max-width: 1024px) {
	.faq .container_12 div.grid_4 {width: 260px!important;}
	#content .container_12 #first .text-3 {
		  margin-top: 12px;
	}
}
@media screen and (max-width: 640px) {
	.faq .container_12 div.grid_4 {width: 100%!important; margin-top: 40px!important;}
	#content .container_12 #second {width: 90%;margin: 0 auto;}
	#content .container_12 #first .text-3, h5 {  width: 90%;margin: 0 auto;}
}

/*formulario-enviado.html,
formulario-incorrecto.html ===========================*/
section.form-message article  {
    max-width: 620px;
    width: 95%!important;
}
/*encontrar-abogado.html ===========================*/
#navigator {
    display: none;
    width: 250px;
    height: auto;
    border-radius: 4px;
    padding: 5px 5px 5px 5px;
    margin-top: 20px;
}
#navigator p{
    padding: 5px;
    border-radius: 3px;
    background-color: #D1D1D1;
    cursor: pointer;
}
#navigator p:hover{
    background-color: #96A6FF;
    -moz-transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}
.block-abogados {
	width: 40%;
	max-width: 315px;
	float: left; 
	padding-top: 10px; 
	padding-bottom: 10px;
}
.block-abogados a {
	float: left;
	margin-bottom: 4px;
    float: left;
    width: 300px;
}
@media screen and (max-width: 1024px) { 
	#find-lawyer {
		  width: 85%;
	}
	.block-abogados {
		width: 45%;
		max-width: 630px;
		margin: 0 auto;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;
	}
	#find-lawyer .clear{
		display: block!important;
	}
    #block-s {
        width: 100%;
    }
    #block-s a {
        width: 50%;
    }
}

@media screen and (max-width: 800px) {
	.block-abogados {width: 100%;}
	.block-abogados a {
		max-width: 315px;
		width: 50%;
	}
}
@media screen and (max-width: 720px) {
    .block-abogados a {
        width: 100%!important;
        max-width: 500px;
    }
    #navigator {display: inherit;}
}