@charset "UTF-8";
/* CSS Document */

@media (min-width: 768px) and (max-width: 1025px) {
.container {width: 749px;}
.content {width: 749px;}
header .contenido {width: 749px;}
#menu li a {margin: 0 30px 0 0;}
section.trabajos-index ul li { float: left; width: 46.7%; }
#mapa {height: 400px;}
ul.contacta a li { font-size: 15px; line-height: 25px; }
	ul.contacta a li i { width: 25px; height: 25px; margin-right: 10px; }
#contacto input[type=text],#contacto input[type=email],#contacto input[type=tel] { width: 93.8%; padding: 3.5% 3%; }
#contacto textarea { width: 93.8%; max-width: 93.8%; min-width: 93.8%; padding: 3%; }
#contacto .bg-fila.corto input[type=text],#contacto .bg-fila.corto input[type=email],#contacto .bg-fila.corto input[type=tel] { padding: 6.5% 5.5%; width: 88.8%; }
#presupuesto h4 { width: 95%; padding: 1.5% 2.5%; }
#presupuesto input[type=text],#presupuesto input[type=email],#presupuesto input[type=tel],#presupuesto input[type=url] { width: 95.8%; padding: 2%; }
#presupuesto textarea { width: 95.8%; max-width: 95.8%; min-width: 95.8%; padding: 2%; }
#presupuesto .bg-fila.corto input[type=text],#presupuesto .bg-fila.corto input[type=email],#presupuesto .bg-fila.corto input[type=tel],#presupuesto .bg-fila.corto input[type=url] { padding: 4%; width: 92%; }
#mensaje-enviado {padding: 50px 0;}
section.servicios .web ul {width: 65%;}
section.servicios .web .imagen { width: 31%; margin-top: -30px; }
section.blog .lista .comentarios ul li .imagen { line-height: 60px; font-size: 18px; }
section.blog .sidebar .ahorraPacks .top {height: 60px;}
section.blog .banderas { background-size: contain; height: 205px; margin: 50px 0; }
section.blog h3.soloEsp {font-size: 22px;}
section.blog a.enlaceIdioma { font-size: 22px; margin-bottom: 30px; }
section.blog .sidebar .box-newsletter .newsletter .top { background-position: 15px 24px; }
section.blog .sidebar .box-newsletter .newsletter .mid h3 { font-size: 18px; line-height: 13px; }
section.blog .sidebar .box-newsletter .newsletter .mid h4 { font-size: 13px; }
footer .contenido {width: 749px;}
}

@media (min-width: 480px) and (max-width: 767px) {
.container {width: 450px;}
.content {width: 450px;}
section {padding: 30px 0 40px 0;}
header { position: relative; height: 100px; }
	header .contenido { width: 100%; margin: 0; height: 100px; }
	header h1 { float: none; width: 200px; margin: 0 auto; }
#nav-mobile {display: block;}
#menu { width: 100%; float: left; padding-top: 0; }
	#menu ul { height: 0; overflow: hidden; float: left; width: 100%; }
	#menu li { background: #434343; border-bottom: 1px solid #4F4F4F; float: none; }
		#menu li:last-child {border-bottom: 0;}
		#menu li a { padding: 15px 0; height: auto; margin-right: 0; line-height: normal; font-family: 'OSB', Arial, sans-serif; margin-left: 0; }
			#menu li a:hover { background: #4F4F4F; color: #eee; }
			#menu li a.activo {color: #f0f0f0;}
	#menu ul.open-menu { height: 245px; -webkit-transition: height 0.7s; -moz-transition: height 0.7s; -ms-transition: height 0.7s; -o-transition: height 0.7s; transition: height 0.7s; }
#idioma {float: left;}
	#idioma ul { position: absolute; top: 0; left: 15px; }
.que-necesitas { position: absolute; width: 100%; margin-top: 10px; margin-bottom: 0; z-index: 9999; /* [disabled]background-color: #fff; */ }
	.que-necesitas h2 { font-size: 27px; margin-top: 2px; margin-bottom: 14px; }
.boton.empez {margin-top: 15px;}
section.trabajos-index { padding-top: 40px; padding-bottom: 40px; }
	section.trabajos-index h2 {font-size: 25px;}
	section.trabajos-index h3 { font-size: 12px; line-height: 20px; }
section.nosotros-index h2 {font-size: 25px;}
section.nosotros-index h3 { font-size: 12px; line-height: 20px; }
section.trabajos-index ul li { float: left; width: 97%; margin-bottom: 6%; }
#separador {display: none;}
.dialogo h2 {font-size: 23px;}
.dialogo h3 {font-size: 15px;}
.social {margin: 20px 0 0 0;}
section.cab-proyectos h2 { font-size: 25px; margin-bottom: 0; }
section.cab-proyectos h3 { font-size: 15px; line-height: 20px; }
section.cab-contacto .box-left {width: 100%;}
section.cab-contacto .box-mid { width: 100%; height: 40px; line-height: 40px; }
section.cab-contacto .box-right {width: 100%;}
#mapa {display: none;}
ul.contacta {margin-top: 13px;}
	ul.contacta a li { float: left; line-height: 25px; font-family: 'OSL', Arial, sans-serif; font-size: 17px; margin-bottom: 10px; }
		ul.contacta a li i { width: 25px; height: 25px; margin-right: 10px; }
		ul.contacta a li.ic-tel { width: 79%; margin-left: 21%; }
		ul.contacta a li.ic-mail { width: 85%; margin-left: 15%; }
		ul.contacta a li.ic-skype { width: 72%; margin-left: 28% }
#contacto input[type=text],#contacto input[type=email],#contacto input[type=tel] { width: 88.8%; padding: 5.5%; }
#contacto textarea { width: 88.8%; max-width: 88.8%; min-width: 88.8%; padding: 5.5%; }
#contacto .bg-fila.corto { margin-top: 15px; width: 100%; }
	#contacto .bg-fila.corto input[type=text],#contacto .bg-fila.corto input[type=email],#contacto .bg-fila.corto input[type=tel] { padding: 5.5% 5.5%; width: 88.4%; }
	#contacto .bg-fila.corto input[type=text].der,#contacto .bg-fila.corto input[type=email].der,#contacto .bg-fila.corto input[type=tel].der { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }
	#contacto .bg-fila.corto input[type=text].izq,#contacto .bg-fila.corto input[type=email].izq,#contacto .bg-fila.corto input[type=tel].izq { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }
#presupuesto h2 { font-size: 25px; margin-top: 30px; }
#presupuesto h3 { font-size: 15px; line-height: 20px; margin-bottom: 30px; }
#presupuesto h5 {text-align: center;}
#presupuesto .bg-fila.check { margin-top: 18px; width: 50%; margin-bottom: 18px; }
#presupuesto input[type=text],#presupuesto input[type=email],#presupuesto input[type=tel],#presupuesto input[type=url] { width: 93.6%; padding: 3.5% 3%; }
#presupuesto textarea { width: 93.6%; max-width: 93.6%; min-width: 93.6%; padding: 3.5% 3%; }
#presupuesto .bg-fila.corto { margin-top: 15px; width: 100%; }
	#presupuesto .bg-fila.corto input[type=text],#presupuesto .bg-fila.corto input[type=email],#presupuesto .bg-fila.corto input[type=tel],#presupuesto .bg-fila.corto input[type=url] { padding: 3.5% 3%; width: 93.8%; }
	#presupuesto .bg-fila.corto input[type=text].der,#presupuesto .bg-fila.corto input[type=email].der,#presupuesto .bg-fila.corto input[type=tel].der,#presupuesto .bg-fila.corto input[type=url].der { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }
	#presupuesto .bg-fila.corto input[type=text].izq,#presupuesto .bg-fila.corto input[type=email].izq,#presupuesto .bg-fila.corto input[type=tel].izq,#presupuesto .bg-fila.corto input[type=url].izq { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }
#presupuesto .box-checkbox h4 {text-align: center;}
#mensaje-enviado { font-size: 25px; padding: 70px 0; line-height: 45px; }
section.cab-servicios h2 { font-size: 25px; margin-bottom: 0; }
section.cab-servicios h3 { font-size: 15px; line-height: 20px; }
section.servicios .corporativa { margin-bottom: 30px; margin-top: 0px; }
section.servicios .web {margin-bottom: 0px;}
section.servicios .corporativa ul { width: 90%; float: left; margin-bottom: 50px; margin-right: 0; margin-left: 10%; }
	section.servicios .corporativa ul li { margin: 1.6% 0; width: 50%; }
section.servicios .corporativa .imagen {display: none;}
section.servicios .web ul { width: 90%; float: left; margin-right: 0; margin-left: 10%; }
	section.servicios .web ul li { float: left; margin: 2.5% 0; width: 50%; }
section.servicios .web .imagen {display: none;}
section.subservicios { margin: 0; padding: 0 0 25px 0; }
	section.subservicios h3 {font-size: 25px;}
	section.subservicios h4 { font-size: 15px; line-height: 20px; }
	section.subservicios .left { width: 80%; float: left; margin: 0 10%; text-align: center; }
	section.subservicios .right { width: 80%; float: left; margin: 0 10%; text-align: center; }
	section.subservicios .left.img {display: none;}
	section.subservicios .right.img {display: none;}
section.packs h2 {font-size: 25px;}
section.packs ul li { width: 94%; height: 315px; text-align: center; }
	section.packs ul li.web {height: 365px;}
	section.packs ul li.centro {margin: 6% 0;}
	section.packs ul li p {font-size: 15px;}
.botonpack { position: absolute; bottom: 30px; width: 94%; }
/***************/
/**** BLOG *****/
section.cab-blog h2 { font-size: 25px; margin-bottom: 0; }
section.cab-blog h3 { font-size: 15px; line-height: 20px; }
section.blog .lista {width: 100%;}
	section.blog .lista ul.post li .autor-date a.comentar i { float: right; display: block; margin-top: 3px; margin-right: 40px; }
section.blog .sidebar { width: 100%; margin-bottom: 50px; margin-top: 40px; }
	section.blog .sidebar h3 { font-size: 24px; line-height: 20px; text-align: center; }
	section.blog .sidebar .ahorraPacks .top {height: 120px;}
	section.blog .sidebar ul.categorias a li { font-size: 12px; text-align: center }
section.blog .lista ul.post li a.category {text-align: center;}
section.blog .lista ul.post li a.titulo { font-size: 20px; text-align: center; margin-bottom: 0; }
section.blog .lista ul.post li .autor-date { text-align: center; font-size: 13px; }
	section.blog .lista ul.post li .autor-date span.autor { text-align: center; width: 100%; }
	section.blog .lista ul.post li .autor-date a.comentar { float: none; margin-left: auto; margin-right: auto; width: 40%; text-align: center; }
section.blog .lista ul.post li .cuerpoblog {font-size: 14px;}
	section.blog .lista ul.post li .cuerpoblog h2 {font-size: 20px;}
	section.blog .lista ul.post li .cuerpoblog h3 {font-size: 18px;}
	section.blog .lista ul.post li .cuerpoblog h4 {font-size: 16px;}
	section.blog .lista ul.post li .cuerpoblog h5 {font-size: 14px;}
	section.blog .lista ul.post li .cuerpoblog h6 {font-size: 13px;}
	section.blog .lista ul.post li .cuerpoblog p { margin-bottom: 14px; font-size: 14px; }
.blog-social .social ul {text-align: center;}
.social a.leermas { float: left; width: 100%; text-align: center; }
section.blog .paginacion {width: 100%;}
.icon-buscar {display: none;}
#muestraSocial {display: none;}
section.blog .banderas { background-size: contain; height: 205px; margin: 10px 0 10px 0; }
section.blog h3.soloEsp {font-size: 19px;}
section.blog a.enlaceIdioma { font-size: 19px; margin-bottom: 20px; }
section.blog .lista .comentarios ul li .imagen { line-height: 58px; font-size: 16px; }
section.blog .sidebar .box-newsletter .newsletter .top { background-position: center 25px; height: 135px; background-size: 30%; width: 100%; }
section.blog .sidebar .box-newsletter .newsletter .mid { width: 100%; margin-top: -20px; }
section.blog .sidebar .box-newsletter .newsletter .mid h3 { text-align: center; }
section.blog .sidebar .box-newsletter .newsletter .mid h4 { text-align: center; }
footer { height: 12em; margin-top: -10em; }
	footer .contenido { margin-top: 3em; width: 450px; height: 7em; }
		footer .contenido .box-left { width: 96%; margin-left: 2%; }
			footer .contenido .box-left .copy { margin-left: 21.8%; width: 52%; }
			footer .contenido .box-left a { text-align: center; margin: 9px auto 0 auto; float: none; display: block; font-size: 15px; }
			footer .contenido .box-left span { float: left; margin-right: 0; background: url(../images/logo-jacoboprol-footer.png) no-repeat center center; width: 140px; text-indent: -9999px; background-size: contain; }
		footer .contenido .box-right { width: 96%; margin-left: 2%; margin-top: 20px; }
			footer .contenido .box-right ul {text-align: center;}
}

@media (min-width: 0) and (max-width: 479px) {
.container {width: 320px;}
.content {width: 320px;}
section {padding: 30px 0 40px 0;}
header { position: relative; height: 50px; }
	header .contenido { width: 100%; margin: 0; height: 50px; }
	header h1 { height: 50px; float: none; width: 200px; margin: 0 auto; }
#nav-mobile { display: block; background: #FFFFFF url(../images/icon/nav.png) no-repeat center center; float: none; width: 100%; height: 50px; position: relative; top: 0; left: 0; }
#menu { width: 100%; float: left; padding-top: 0; }
	#menu ul { height: 0; /* -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
            -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
            box-shadow: 0 1px 1px rgba(0,0,0,.1);*/ overflow: hidden; }
	#menu li { background: #434343; border-bottom: 1px solid #4F4F4F; float: none; }
		#menu li:last-child {border-bottom: 0;}
		#menu li a { margin-right: 0; padding: 15px 0; height: auto; line-height: normal; font-family: 'OSB', Arial, sans-serif; margin-left: 0; }
			#menu li a:hover { background: #4F4F4F; color: #eee; }
			#menu li a.activo {color: #f0f0f0;}
	#menu ul.open-menu { height: 245px; -webkit-transition: height 0.7s; -moz-transition: height 0.7s; -ms-transition: height 0.7s; -o-transition: height 0.7s; transition: height 0.7s; }
#idioma {float: left;}
	#idioma ul { position: absolute; top: 25px; left: 10px; z-index: 999; }
	#idioma li.chat { margin-left: 0; position: absolute; right: -207px; }
.que-necesitas { position: absolute; width: 100%; margin-top: 8px; margin-bottom: 0; z-index: 9999; /* [disabled]background-color: #fff; */ }
	.que-necesitas h2 { font-size: 25px; margin-top: 40px; }
.boton.empez {display: none;}
#select-inicio .DivSelect {display: none;}
section.trabajos-index { padding-top: 40px; padding-bottom: 40px; }
	section.trabajos-index h2 {font-size: 25px;}
	section.trabajos-index h3 { font-size: 12px; line-height: 20px; }
section.nosotros-index h2 {font-size: 25px;}
section.nosotros-index h3 { font-size: 12px; line-height: 20px; }
section.trabajos-index ul li { float: left; width: 97%; margin-bottom: 7%; }
#separador {display: none;}
.dialogo h2 {font-size: 23px;}
.dialogo h3 {font-size: 15px;}
.social {margin: 20px 0 0 0;}
section.cab-proyectos h2 { font-size: 25px; margin-bottom: 0; }
section.cab-proyectos h3 { font-size: 15px; line-height: 20px; }
section.cab-contacto .box-left {width: 100%;}
section.cab-contacto .box-mid { width: 100%; height: 40px; line-height: 40px; }
section.cab-contacto .box-right {width: 100%;}
#mapa {display: none;}
ul.contacta {margin-top: 13px;}
	ul.contacta a li { float: left; line-height: 20px; font-family: 'OSL', Arial, sans-serif; font-size: 15px; margin-bottom: 10px; }
		ul.contacta a li i { width: 20px; height: 20px; margin-right: 10px; }
		ul.contacta a li.ic-tel { width: 86%; margin-left: 14%; }
		ul.contacta a li.ic-mail { width: 91%; margin-left: 9%; }
		ul.contacta a li.ic-skype { width: 75%; margin-left: 25% }
#contacto input[type=text],#contacto input[type=email],#contacto input[type=tel] { width: 89.8%; padding: 7.5% 5%; }
#contacto textarea { width: 88.8%; min-width: 88.8%; max-width: 88.8%; padding: 5.5%; }
#contacto .bg-fila.corto { margin-top: 15px; width: 100%; }
	#contacto .bg-fila.corto input[type=text],#contacto .bg-fila.corto input[type=email],#contacto .bg-fila.corto input[type=tel] { padding: 7.5% 5.5%; width: 88.4%; }
	#contacto .bg-fila.corto input[type=text].der,#contacto .bg-fila.corto input[type=email].der,#contacto .bg-fila.corto input[type=tel].der { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }
	#contacto .bg-fila.corto input[type=text].izq,#contacto .bg-fila.corto input[type=email].izq,#contacto .bg-fila.corto input[type=tel].izq { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }
#presupuesto h2 { font-size: 25px; margin-top: 30px; }
#presupuesto h3 { font-size: 15px; line-height: 20px; margin-bottom: 30px; }
#presupuesto h4 {text-align: center;}
#presupuesto h5 {text-align: center;}
#presupuesto .bg-fila.check { margin-top: 18px; width: 50%; margin-bottom: 18px; }
	#presupuesto .bg-fila.check [type="checkbox"] + label {font-size: 11px;}
#presupuesto input[type=text],#presupuesto input[type=email],#presupuesto input[type=tel],#presupuesto input[type=url] { width: 89.6%; padding: 5%; }
#presupuesto textarea { width: 89.6%; max-width: 89.6%; min-width: 89.6%; padding: 5%; }
#presupuesto .bg-fila.corto { margin-top: 15px; width: 100%; }
	#presupuesto .bg-fila.corto input[type=text],#presupuesto .bg-fila.corto input[type=email],#presupuesto .bg-fila.corto input[type=tel],#presupuesto .bg-fila.corto input[type=url] { padding: 4.5% 5%; width: 89.6%; }
	#presupuesto .bg-fila.corto input[type=text].der,#presupuesto .bg-fila.corto input[type=email].der,#presupuesto .bg-fila.corto input[type=tel].der,#presupuesto .bg-fila.corto input[type=url].der { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }
	#presupuesto .bg-fila.corto input[type=text].izq,#presupuesto .bg-fila.corto input[type=email].izq,#presupuesto .bg-fila.corto input[type=tel].izq,#presupuesto .bg-fila.corto input[type=url].izq { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }
#mensaje-enviado { font-size: 18px; padding: 78px 0; line-height: 30px; }
section.cab-servicios h2 { font-size: 25px; margin-bottom: 0; }
section.cab-servicios h3 { font-size: 15px; line-height: 20px; }
section.servicios .corporativa { margin-bottom: 30px; margin-top: 0px; }
section.servicios .web {margin-bottom: 0px;}
section.servicios .corporativa ul { width: 65%; float: left; margin-bottom: 50px; margin-right: 0; margin-left: 20%; }
	section.servicios .corporativa ul li {width: 100%;}
section.servicios .corporativa .imagen {display: none;}
section.servicios .web ul { width: 65%; margin-right: 0; margin-left: 20%; }
	section.servicios .web ul li { margin: 2.5% 0; width: 100%; }
section.servicios .web .imagen {display: none;}
section.subservicios { margin: 0; padding: 0 0 25px 0; }
	section.subservicios h3 {font-size: 25px;}
	section.subservicios h4 { font-size: 15px; line-height: 20px; }
	section.subservicios .left { width: 80%; float: left; margin: 0 10%; text-align: center; }
	section.subservicios .right { width: 80%; float: left; margin: 0 10%; text-align: center; }
	section.subservicios .left.img {display: none;}
	section.subservicios .right.img {display: none;}
section.packs h2 {font-size: 25px;}
section.packs ul li { width: 94%; height: 315px; text-align: center; }
	section.packs ul li.web {height: 365px;}
	section.packs ul li.centro {margin: 6% 0;}
	section.packs ul li p {font-size: 15px;}
.botonpack { position: absolute; bottom: 30px; width: 94%; }
/***************/
/**** BLOG *****/
section.cab-blog h2 { font-size: 25px; margin-bottom: 0; }
section.cab-blog h3 { font-size: 15px; line-height: 20px; }
section.blog .lista { width: 96%; margin-left: 2%; margin-right: 2%; }
section.blog .sidebar { width: 96%; margin-left: 2%; margin-right: 2%; margin-bottom: 50px; margin-top: 40px; }
	section.blog .sidebar h3 { font-size: 24px; line-height: 20px; text-align: center; }
	section.blog .sidebar ul.categorias a li { font-size: 15px; text-align: center }
section.blog .lista ul.post li a.category {text-align: center;}
section.blog .lista ul.post li a.titulo { font-size: 20px; text-align: center; margin-bottom: 0; }
section.blog .lista ul.post li .autor-date { text-align: center; font-size: 13px; }
	section.blog .lista ul.post li .autor-date span.autor { text-align: center; width: 100%; }
	section.blog .lista ul.post li .autor-date a.comentar { float: none; margin-left: auto; margin-right: auto; width: 40%; text-align: center; }
section.blog .lista ul.post li .cuerpoblog {font-size: 14px;}
	section.blog .lista ul.post li .cuerpoblog h2 {font-size: 20px;}
	section.blog .lista ul.post li .cuerpoblog h3 {font-size: 18px;}
	section.blog .lista ul.post li .cuerpoblog h4 {font-size: 16px;}
	section.blog .lista ul.post li .cuerpoblog h5 {font-size: 14px;}
	section.blog .lista ul.post li .cuerpoblog h6 {font-size: 13px;}
	section.blog .lista ul.post li .cuerpoblog p {margin-bottom: 14px;}
.blog-social .social ul {text-align: center;}
.social a.leermas { float: left; width: 100%; text-align: center; }
section.blog .paginacion { width: 96%; margin-left: 2%; margin-right: 2%; }
.icon-buscar {display: none;}
#muestraSocial {display: none;}
section.blog .banderas { background-size: contain; height: 205px; margin: 0; }
section.blog h3.soloEsp {font-size: 17px;}
section.blog a.enlaceIdioma { font-size: 17px; margin-bottom: 10px; }
section.blog .lista .comentarios ul li .imagen { line-height: 39px; font-size: 14px; }
section.blog .sidebar .box-newsletter .newsletter .top { background-position: 25px 15px; }
section.blog .sidebar .box-newsletter .newsletter .mid { width: 35%; padding-left: 5%; }
section.blog .sidebar .box-newsletter .newsletter .mid h3 { text-align: left; }
section.blog .sidebar .box-newsletter .newsletter .mid h4 { text-align: left; }
footer { height: 12em; margin-top: -10em; }
	footer .contenido { margin-top: 3em; width: 320px; height: 7em; }
		footer .contenido .box-left { width: 96%; margin-left: 2%; }
			footer .contenido .box-left .copy { margin-left: 10%; width: 90%; }
			footer .contenido .box-left a { text-align: center; margin: 9px auto 0 auto; float: none; display: block; font-size: 15px; }
		footer .contenido .box-right { width: 96%; margin-left: 2%; margin-top: 20px; }
			footer .contenido .box-right ul {text-align: center;}
}