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


/*fonts*/
h1, h2, h3, h4, p {
	margin: 0;
}
header {
	background-color:#fff;
}

/***Main***/
#main-nav, #services h1, #portfolio h1, #portfolio h2, #contact h1, #contact button, #contact h2, #contact h3, #header-text h1, .boton, .boton-dark, #wd-content h1, .content h1, .gen-content h1, .sitemap-box h1 {
	font-family: "myriad-pro", sans-serif;
}
#services p, #portfolio p, #contact p, #contact label, #contact h4, #bottom li, #rights, #header-text p, #header-text a.masinfo, #wd-content h3, #wd-content p, #wd-content ul, #wd-content h2, .content h3, .content p, .content h2, .gen-content, .sitemap a, .tabla-precios{
	font-family: 'Open Sans', sans-serif;
}
#main-nav {
	background-color: #4a505c;
	border-bottom: 6px solid #bdc3cc;
}
#main-nav a.social-icons {
	font-size: 18px;
}
a.privateLink{
	position:absolute;
	right:30px;
	color:#606777;
	line-height:48px;
	font-size:22px;
	z-index:1000;
}
a.privateLink:hover{
	color:#b6bbc4;
}
/***/

/***Slider***/
#sliderbg {
	background-image: url(../images/bg-slider.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	padding-top: 44px;
}
#sliderbg-nopad {
	background-image: url(../images/bg-slider-880.jpg);
	background-repeat: repeat-x;
	background-size: auto 100%;
	padding: 0;
}
#sliderbg-710 {
	background-image: url(../images/bg-slider-710-no-border.jpg);
	background-repeat: repeat-x;
	background-size: auto 100%;
	padding: 0;
}
#mantenimiento{	
	height:880px;
	background-image:url(../images/header-en-mantenimiento.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size: auto 100%;
}
#cont-mant {
	margin-left:171px;
	margin-top:254px;
}
a.but-contact{
	width:204px;
	height:48px;
	background-image:url(../images/button-contact.png);
	display:block;
}
#slider {
	margin: 0 auto;
}
/***/

/***Services***/
#services {
	background-image: url(../images/bg-services.jpg);
	background-repeat: repeat-x;
	background-size: auto;
	background-color: #e7e9eb;
	padding: 70px 0 40px 0;
	border-top: #d3d3d3 2px solid;
}
#services h1 {
	color: #f26522;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin: 20px 0 10px 0;
}
#services p {
	color: #6e737c;
	font-size: 14px;
	text-align: center;
	padding: 0 65px;
}
.webdesign, .graphicid, .addesign {
	width: 384px;
	height: 205px;
	background-image: url(../images/services.png);
}
.wd-calidad, .wd-detalle, .wd-soporte {
	width: 384px;
	height: 205px;
	background-image: url(../images/services-webdesign.png);
}
.ld-calidad, .ld-detalle, .ld-remozo {
	width: 384px;
	height: 205px;
	background-image: url(../images/services-logodesign.png);
}
.webdesign, .wd-calidad, .ld-calidad {
	background-size: 300% 100%;
	background-position: 0 0;
}
.graphicid, .wd-detalle, .ld-detalle {
	background-size: 300% 100%;
	background-position: 50% 0;
}
.addesign, .wd-soporte, .ld-remozo {
	background-size: 300% 100%;
	background-position: 100% 0;
}
/***/

/***Portfolio***/
#portfolio {
	background-image: url(../images/sibila01.jpg) , url(../images/bg-portfolio.png);
	background-repeat: no-repeat, repeat-x;
	border-top: 10px solid #4f5154;
	background-size: auto 100%;
	padding-top: 75px;
}
#portfolio h1 {
	color: #ff763a;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
#portfolio h2 {
	color: #cac6c1;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	margin-top: 11px;
	margin-bottom: 29px;
}
#portfolio p {
	color: #9c9fa5;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	padding: 0 10%;
}
#port-images {
	margin-top: 55px;
}
#port-images a{
	text-decoration:none;
}
.divider {
	width: 100%;
	border-top: 1px solid #3a3a3c;
	border-bottom: 1px solid #5e6062;
	margin-bottom: 35px;
}
.divider-dark {
	width: 100%;
	border-top: 1px solid #202021;
	border-bottom: 1px solid #3c3d3f;
	margin-bottom: 35px;
}
.divider-darker {
	width: 100%;
	border-top: 1px solid #0f0f0f;
	border-bottom: 1px solid #363739;
	margin: 30px 0;
}
#port-webdesign, #port-logos, #port-ads, #port-ids, #port-themeads, #port-cds, #port-characters, #port-gambling, #port-banners, #port-walls, #port-social, #port-drawing {
	width: 237px;
	height: 136px;
	background-image: url(../images/portfolio.png);
	margin: 0 auto
}
#port-webdesign {
	background-position: 0 0
}
#port-logos {
	background-position: -237px 0px;
}
#port-ads {
	background-position: -474px 0px
}
#port-ids {
	background-position: -711px 0px
}
#port-themeads {
	background-position: 0px -136px
}
#port-cds {
	background-position: -237px -136px
}
#port-characters {
	background-position: -474px -136px
}
#port-gambling {
	background-position: -711px -136px
}
#port-banners {
	background-position: 0px -272px
}
#port-walls {
	background-position: -237px -272px
}
#port-social {
	background-position: -474px -272px
}
#port-drawing {
	background-position: -711px -272px
}
/***/

/***Contact***/
#contact {
	padding-top: 100px;
}
#contact h1, #contact h2, #contact h3, #contact h4, #contact p {
	text-align: center;
}
#contact h1 {
	color: #ff763a;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 17px;
}
#contact h2 {
	color: #908d8d;
	font-size: 40px;
	margin-bottom: 15px;
	font-weight: 700;
	line-height: 40px;
}
#contact h3 {
	color: #959393;
	font-size: 17px;
	font-weight: 400;
}
#contact h4 {
	color: #959393;
	font-size: 14px;
	margin-bottom: 35px;
	font-weight: 400;
}
#contact p {
	color: #9c9fa5;
	font-size: 14px;
	font-weight: 400;
	padding: 0 10%;
	margin-bottom: 65px;
	margin-top: 18px;
}
#contact button {
	width: 204px;
	height: 48px;
	text-align: center;
	display: block;
	background-color: #d04807;
	border-radius: 30px;
	border: 2px solid #eea473;
	color: #ffffff;
	font-size: 16px;
	margin: 30px auto
}
#contact label {
	color: #c6c7ca;
	font-size: 14px;
	font-weight: 400;
	text-align: right
}
#contact input, #contact textarea {
	border: #ffc66b solid 1px;
}
#contact textarea {
	margin-bottom: 20px;
}
.dividerVert {
	margin-left: 15px;
	margin-right: 15px;
}
.required {
	color: #fc391d
}
.white {
	color: #ffffff;
}
.grey {
	color: #908d8d;
	font-weight: 400;
}
.burntOrange {
	color: #d35d25;
}
.ico-phone {
	width: 33px;
	height: 33px;
	background-image: url(../images/icons.png);
	background-position: -377px -92px;
	display: inline-block;
	margin-right: 15px;
	vertical-align: bottom
}

/***/

/**Form Messages**/
.success {
  padding: 1em;
  width:85%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  width:85%;
  margin-left:auto;
  margin-right:auto;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
input:invalid:focus {background-color:#F2D3D4}
/***/


/***Bottom***/
#bottom {
	padding-top: 26px;
	background-color:#222224;
}
#bottom ul {
	margin-top: 60px;
	padding: 0;
	margin-bottom: 10px;
}
#bottom li {
	color: #7f8184;
	font-size: 12px;
	list-style: none
}
#sibila-logo {
	width: 67px;
	height: 92px;
	background-image: url(../images/icons.png);
	background-position: -377px 0px;
	margin-top: 60px;
	float: right;
}
.logo-totalhorizons, .logo-masterplano, .logo-java, .logo-thehistoryline, .logo-galileo, .logo-arsgraphic {
	background-image: url(../images/icons.png);
	height: 82px;
	display: inline-block;
	margin: 0 30px;
}
.logo-totalhorizons {
	width: 143px;
	background-position: 0 0;
	background-size: 309.79% 200%;
}
.logo-masterplano {
	width: 153px;
	/*background-position: -143px 0px;*/
	background-size: 289.54% 200%;
	background-position: 49.31% 0%;
}
.logo-java {
	width: 80px;
	/*background-position: -296px 0px;*/
	background-position: 81.54% 0;
	background-size:553.75% 200%;
}
.logo-thehistoryline {
	width: 127px;
	/*background-position: 0px -82px;*/
	background-position: 0 100%;
	background-size:348.81% 200%;
}
.logo-galileo {
	width: 127px;
	/*background-position: -127px -82px;*/
	background-position: 40.18% 100%;
	background-size:348.81% 200%;
}
.logo-arsgraphic {
	width: 122px;
	/*background-position: -254px -82px;*/
	background-position: 79.12% 100%;
	background-size:363.11% 200%;
}
.logos {
width:100%;
margin:0 auto;
}
#rights {
	text-align: center;
	font-size: 12px;
	color: #7f8184;
}
#rights a {
	color: #d25c24;
}
/***/

/***Sibila BG***/
.sibila-1b {
	background-color: #323335;
	background-image: url(../images/sibila02.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.sibila-1c {
	background-color: #222224;
	background-image: url(../images/sibila03.jpg);
	background-repeat: no-repeat;
	border-top: 10px solid #3b3c3e;
	background-size: auto 100%;
}
.sibila-2a {
	background-color: #323335;
	background-image: url(../images/sibila-2a.jpg), url(../images/bg-sibila-2a.jpg);
	background-repeat: no-repeat, repeat;
	background-size: auto 100%;
	border-top: 10px solid #4c4e50;
}
.sibila-2b {
	background-color: #222224;
	background-image: url(../images/sibila-2b.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.borderTop{
	border-top:9px solid #46474a;
}
#contact.nosibila{
	background-color:#2c2c2f;
}
/***/


/****Header Text****/
#header {
	height:710px;
	background-position:center;
	background-repeat:no-repeat;
	background-size: auto 100%;
	/*position:relative;*/
}
.header-main-text {
	width:90%;
}
#header-text {
	height: 625px;
	position:relative;
}
.page-header-text-block {
	position:absolute;
	bottom: 0;
	width: 100%;
}
#header-text h1{
	color:#9c9fa5;
	font-size:64px;
	font-weight:300;
	/*margin-top:365px;*/
	letter-spacing:-4px;
	margin-bottom:15px;
	text-align:center;
	-webkit-transform:scale(1.25,1);
	-moz-transform:scale(1.25,1);
	-ms-transform:scale(1.25,1);
	transform:scale(1.25,1);
}
/*#header-text.dibujo-header h1{
	margin-top:294px;
}
#header-text.logodesign-header h1{
	margin-top:345px;
}*/
#header-text p{
	color:#6e737c;
	font-size:14px;
	text-align:center;
	margin-top:20px;
	padding:0 10%;
}
.logodesign-header #header-text p{
	padding:0 8px;
}
#header-text a.masinfo{
	color:#ee601c;
	font-weight:600;
	font-size:13px;
	background-image:url(../images/grey-arrow.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:17px;
	letter-spacing:0;
}
.webdesign-header{
	background-image:url(../images/header-webdesign.jpg);
}
.logodesign-header{
	background-image:url(../images/header-logodesign.jpg);
}
.dibujo-header{
	background-image:url(../images/header-dibujoartistico.jpg);
}
.anuncios-impresos-header{
	background-image:url(../images/header-anuncios-impresos.jpg);
}
.banners-web-header{
	background-image:url(../images/header-banners-web.jpg);
}
.cds-header{
	background-image:url(../images/header-cds.jpg);
}
.gambling-sports-header{
	background-image:url(../images/header-gambling-sports.jpg);
}
.identidades-header{
	background-image:url(../images/header-identidades.jpg);
}
.paredes-ventanas-header{
	background-image:url(../images/header-paredes-ventanas.jpg);
}
.personajes-header{
	background-image:url(../images/header-personajes.jpg);
}
.promociones-tematicas-header{
	background-image:url(../images/header-promociones.jpg);
}
.redes-sociales-header{
	background-image:url(../images/header-redes-sociales.jpg);
}
.portafolio-header {
	background-image:url(../images/header-portafolio.jpg);
}

/***/

/*****WEB DESIGN*****/
a.boton{	
	width: 204px;
	height: 48px;
	text-align: center;
	display: block;
	background-color: #f26a29;
	border-radius: 30px;
	border: 2px solid #eea473;
	color: #ffffff;
	font-size: 16px;
	line-height:44px;
	text-decoration:none;
	letter-spacing:0;
}
a.boton-dark, #logo-design.content a.boton-dark{	
	width: auto;
	height: auto;
	text-align: center;
	display: table;
	background-color: #d34a0a;
	border-radius: 30px;
	border: 2px solid #eea473;
	color: #ffffff;
	font-size: 16px;
	line-height:1em;
	text-decoration:none;
	margin:20px auto;
	text-transform:uppercase;
	padding: 14px 35px;
}
#wd-content {
	/*background-image: ;
	background-repeat: repeat-x;*/
	background-color:#3b3c3f;
	border-top: 10px solid #4f5154;
	background-size: auto 100%;
	padding-top: 70px;
	padding-bottom:50px;
}
.gen-content {
	background-color:#3b3c3f;
	border-top: 10px solid #4f5154;
	/*background-size: auto 100%;*/
	padding-top: 70px;
	padding-bottom:50px;
}
#wd-content p, #wd-content ul, .gen-content p, .gen-content ul{
	color:#9c9fa5;
	font-size:13px;
	margin:15px 0 15px 0;
	font-weight: 400;
} 
#wd-content h1, .gen-content h1 {
	color: #ff763a;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
#wd-content h2, .gen-content h2 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
}
#wd-content h3, .gen-content h3 {
	color: #9c9fa5;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	padding: 0 10%;
	line-height:18px;
	margin-bottom:40px;
}
.gen-content h3 {
	padding: 0 16%;	
}
#wd-content .divider, .gen-content .divider {
	width: 100%;
	border-top: 1px solid #212122;
	border-bottom: 1px solid #505153;
	margin-bottom: 35px;
	margin-top:35px;
}
.wd-leftcol{
	width:88%;
	margin:0 auto 0 auto;
}
/****/

/***/
.content {
	background-color:#3b3c3f;
	border-top: 10px solid #4f5154;
	padding-top: 70px;
	padding-bottom:50px;
}
.content p, .content ul{
	color:#9c9fa5;
	font-size:13px;
	margin:15px 0 15px 0;
	font-weight: 400;
}
.content h1 {
	color: #ff763a;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
.content h2 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
}
.content h3 {
	color: #9c9fa5;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	padding: 0 10%;
	line-height:18px;
	margin-bottom:40px;
}
.leftcol{
	width:88%;
	margin:0 auto 0 auto;
}
.dibujos h2{
	text-align:center;
}
.dibujos ul{
	margin:0;
	padding:0;
}
.dibujos li{
	float:left;
	list-style: none;
	padding: 24px 12px;
	width: 33.33333333%;
}
.dibujos li.halfcol {
	width: 50%;
}
.dibujos li.irrega{
	width: 37.7%;
}
.dibujos li.irregb{
	width: 62.3%;
}
.nota {
	padding: 40px 0;
	text-align: center;
	display: block;
	clear:both;
}
.nota-sizes {
	padding: 10px 0 50px 0;
	text-align: center;
	display: block;
	clear:both;
	margin-left: -30px;
}
.gen-content h2.center-text {
	text-align: center;
}
.nota strong, .nota-sizes strong{
	color: #fff;
	font-size:1.1em;
	font-weight:400;
}
.tabla-precios {
	background-color:#2e2e31;
	width: 100%;
	max-width: 1097px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.tabla-precios p {
	text-align: center;
	font-size: 13px;
	color: #9c9fa5;
	padding:0 14% 45px;
}
.tabla-precios p strong {
	color: #cacacc;
	font-weight: 400;
}
.tabla-precios p strong.important {
	color: #e5e5e5;
}

.sitemap-box {
	margin-top:150px;
}
.sitemap-box h1 {
	color:#9c9fa5;
	font-size:64px;
	font-weight:300;
	letter-spacing:-4px;
	margin-bottom:15px;
	margin-left: 80px;
	-webkit-transform:scale(1.25,1);
	-moz-transform:scale(1.25,1);
	-ms-transform:scale(1.25,1);
	transform:scale(1.25,1);
}
.sitemap-box ul {
	margin-left:60px;
	margin-top:50px;
}
.sitemap a {
	font-size: 16px;
	line-height: 1.5em;
	color:#6e737c;
}
.sitemap a:hover {
	color: #F26522;
}
/***/

/*****LOGO DESIGN*****/
#logo-design .divider {
	width: 100%;
	border-top: 1px solid #212122;
	border-bottom: 1px solid #505153;
	margin-bottom:0;
}
#logo-design.content h2 {
	margin-top: 65px;
	margin-bottom: 20px;
}
#logo-design.content a{
	color:#f66329;
	font-weight:600;
	line-height:40px;
}
.darkcol{
	background-color:#1f2022;
	height:100%;
}
/****/

/***Portfolio Carrousel***/
.portfolio-carrusel{
	background-color:#2f3032;
	background-image:url(../images/bg-portfolio-slider.jpg);
	margin-top:90px;
	padding-top:35px;
	border-radius:10px;
	/*min-height:606px;*/
}
#logo-design div.porfolio-carrusel{
	margin-top:30px;
}
#wd-content h1.carrusel, #logo-design h1.carrusel{
	font-size:22px;
}
#portf-slider {width:80%; margin-left:auto; margin-right:auto; margin-top:37px;}
#portf-slider .carousel-item {width:443px; height:425px; margin:0 auto 0 auto}
#wd-content h3.port-item-title {color:#ff763a; font-size:16px; font-weight:600; margin-top:65px; margin-bottom:10px;}
#wd-content p.port-item-desc, #logo-design p.port-item-desc{color:#9c9fa5; font-size:13px; font-weight:400; margin-top:0px; text-align:center}
.owl-theme .owl-controls .owl-buttons div { position: absolute;} 
#portf-slider.owl-theme .owl-controls .owl-buttons .owl-prev{ left: -50px; top: 23%; } 
#portf-slider.owl-theme .owl-controls .owl-buttons .owl-next{ right: -50px; top: 23%;}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 7px;
	height: 7px;
	margin: 16px 10px;
	/*filter: Alpha(Opacity=50);/*IE7 fix*/
	/*opacity: 0.5;*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #54575f;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	/*filter: Alpha(Opacity=100);/*IE7 fix*/
	/*opacity: 1;*/
	background:#ff763a;
}
.owl-theme .owl-pagination {
	background-image:url(../images/carousel-pagination-border.jpg);
	background-repeat:repeat-x;
}


#portlogo-slider {width:88%; margin-left:auto; margin-right:auto; margin-top:37px;}
#portlogo-slider .carousel-item {width:340px; height:425px; margin:30px auto 0 auto}
#logo-design h3.port-item-title {color:#ff763a; font-size:16px; font-weight:600; margin-top:116px; margin-bottom:10px;}
#portlogo-slider.owl-theme .owl-controls .owl-buttons .owl-prev{ left: -40px; top: 19%; } 
#portlogo-slider.owl-theme .owl-controls .owl-buttons .owl-next{ right: -40px; top: 19%;}
/***/



/***Custom Bootstrap***/
.container {
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto
}
/* navbar */
.nav li a {
	position: relative;
	display: block;
	padding: 0px 17px;
	line-height: 45px;
}
.navbar {
	position: relative;
	min-height: 45px;
	margin-bottom: 0px;
	border: 1px solid transparent;
}
.navbar-brand {
	float: left;
	height: 45px;
	padding: 9px 70px 11px 0px;
	font-size: 18px;
	line-height: 20px
}
.navbar-default {
	background-color: #4a505c;
	border-color: transparent;
}
/* link */
.navbar-default .navbar-nav>li>a{
	color: #b8babe;
	font-size: 11px;
	letter-spacing: 1px;
}
.navbar-default .navbar-nav li a:hover, #main-nav .navbar-default .navbar-nav li a:focus {
	color: #fff;
	background-color: #313234
}
.dropdown-menu {
    background-color: #fff;
    border-radius: 4px;
    min-width: 140px;
    padding: 5px 0 5px 0;
}
.dropdown-menu li a {
    clear: both;
    color: #313234;
    display: block;
    font-weight: 400;
    line-height: 1.5;
	font-size:12px;
    padding: 5px 18px;
    white-space: nowrap;
	border-top:1px solid E2E0E0;
}
/* mobile version */
.navbar-default .navbar-toggle {
	border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #313234;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #CCC;
}

/*****Responsiveness*****/
@media (min-width: 1200px) {
#sliderbg {
	min-height: 880px;
}
#services {
	min-height: 420px;
}
#portfolio {
	min-height: 972px;
}
#contact {
	min-height: 866px;
}
#bottom {
	min-height: 795px;
}
}

@media (max-width: 1200px) {
#slider {
	width: 70%;
	margin-bottom: 35px;
}
.webdesign, .graphicid, .addesign, .wd-calidad, .wd-detalle, .wd-soporte, .ld-calidad, .ld-detalle, .ld-remozo {
	width: 305px; 
	height: 163px;
}
#services p {
	padding: 0 35px;
}
#portfolio p {
	padding: 0 6%;
}
#portfolio {
	min-height: 972px;
}
#contact {
	min-height: 866px;
}
#contact h3 {
	font-size: 14px;
}
#bottom {
	min-height: 795px;
}
.dividerVert {
	margin-left: 8px;
	margin-right: 8px;
}
.logo-totalhorizons, .logo-masterplano, .logo-java, .logo-thehistoryline, .logo-galileo, .logo-arsgraphic {
	margin: 0 12px;
}
#mantenimiento{	
	height:723px;
}
#cont-mant {
	margin-left:141px;
	margin-top:204px;
}
#header {
	height:560px;
}
#header-text {
	height:495px;
}
/*.header-main-text {
	width:100%;
}*/
#header-text h1{
	/*margin-top:270px;*/
	font-size:48px;
	letter-spacing:-3px;
}
/*#header-text.dibujo-header h1{
	margin-top:217px;
}
#header-text.logodesign-header h1{
	margin-top:250px;
}*/
.dibujo-header #header-text p{
	padding: 0 12%;
}
}

@media (max-width: 992px) {
.nav li a {
	padding: 0px 10px;
}
.dropdown-menu li a {
	padding: 5px 18px;
}
.webdesign, .graphicid, .addesign, .wd-calidad, .wd-detalle, .wd-soporte, .ld-calidad, .ld-detalle, .ld-remozo {
	width: 234px;
	height: 125px;
}
#services h1 {
	font-size: 18px;
}
#services p {
	font-size: 12px;
	padding: 0 25px;
}
#services {
	padding: 40px 0 40px 0;
}
#contact h3 {
	margin-bottom: 30px;
}
.logo-totalhorizons, .logo-masterplano, .logo-java, .logo-thehistoryline, .logo-galileo, .logo-arsgraphic {
	margin: 0 45px;
}
#mantenimiento{	
	height:587px;
}
#cont-mant {
	margin-left:101px;
	margin-top:164px;
}
#header {
	height:460px;
}
#header-text {
	height:400px;
}
#header-text h1{
	margin-top:190px;
	font-size:32px;
	letter-spacing:-1px;
}
/*#header-text.logodesign-header h1{
	margin-top:190px;
}
#header-text.dibujo-header h1{
	margin-top:160px;
}*/
#header-text p {
	font-size:12px;
	padding:0 12%;
}
.dibujo-header #header-text p{
	padding: 0 8%;
}
a.boton{	
	width: 160px;
	height: 40px;
	text-align: center;
	display: block;
	background-color: #f26a29;
	border-radius: 30px;
	border: 2px solid #eea473;
	color: #ffffff;
	font-size: 13px;
	line-height:36px;
	text-decoration:none;
}
}
@media (max-width: 991px) {
#header-text p {
	padding:0 4%;
}
/*#header-text.logodesign-header h1{
	margin-top:156px;
}
#header-text.dibujo-header h1{
	margin-top:120px;
}*/
}
@media (max-width: 767px) {
.container {
	padding-right: 30px;
	padding-left: 30px;	
}
#services p {
	padding: 0 35px 20px 35px;
}
#contact {
	padding: 60px 5% 0 5%;
}
#contact p {
	font-size: 13px;
	padding: 0 5%;
	margin-bottom: 35px;
}
#contact h1 {
	font-size: 18px;
	margin-bottom: 17px;
}
#contact h2 {
	font-size: 30px;
	line-height: 30px;
}
#contact h3 {
	font-size: 14px;
	padding: 0 15px;
}
#bottom {
	padding: 26px 15px 50px 15px
}
.logo-totalhorizons, .logo-masterplano, .logo-java, .logo-thehistoryline, .logo-galileo, .logo-arsgraphic {
	height: 54px;
	display: block;
	margin: 0 auto;
}
.logo-totalhorizons {
	width: 94px;
}
.logo-masterplano {
	width: 100px;
}
.logo-java {
	width: 53px;
}
.logo-thehistoryline {
	width: 84px;
}
.logo-galileo {
	width: 84px;
}
.logo-arsgraphic {
	width: 80px;
}
.navbar-default .navbar-nav li a:hover, .nav li a {
	padding: 0px 17px;
	line-height: 30px;
	border-bottom: 1px solid #535a67
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #c8c8c8;
	padding-left: 25px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #fff;
	background-color: #313234
}
#mantenimiento{	
	height:260px;
}
#cont-mant {
	width:204px;
	margin:180px auto 0 auto;
}
#sliderbg-710 {
	background-size: auto 40%;
	background-image: url(../images/bg-slider-710-no-border.jpg);
}
#header{
	height: 410px;
	background-position:top center;
	background-size: auto 40%;
}
#header-text {
	height: 380px;
}
.dibujo-header #header-text, .logodesign-header #header-text {
	height: 390px;
}
#header-text h1{
	/*margin:180px auto 0 auto;*/
	font-size:30px;
	text-align:center;
}
/*#header-text.logodesign-header h1{
	margin-top:195px;
}
#header-text.dibujo-header h1{
	margin-top:205px;
}*/
#header-text p{
	width:215px;
	font-size:12px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
}
.logodesign-header #header-text p, .dibujo-header #header-text p{
	width:270px;
}
.dibujo-header #header-text p{
	padding: 0;
}
.portfolio-carrusel{
	min-height:406px;
	background-size:auto 100%;
	padding-top:25px;
	background-image:url(../images/bg-portfolio-slider-sm.jpg);
}
.carousel-item {
	width:220px; 
	height:260px; 
	margin:0 auto 0 auto;
}
#wd-content h1.carrusel{
	font-size:16px;
}
#portf-slider {margin-top:15px; width:95%; }
#wd-content h3.port-item-title{margin-top:35px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: 0px;
  top: 12%; 
} 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: 0px;
  top: 12%;
}
a.privateLink{
	display:none;
}
.dibujos li, .dibujos li.irrega{
	width: 50%;
}
.dibujos li.lastImg {
	float: none;
	margin: 0 auto;
}
.dibujos li.irregb{
	width: 100%;
}
.dibujo-header{
	background-image:url(../images/header-dibujoartistico-center.jpg);
}
.logodesign-header{
	background-image:url(../images/header-logodesign-no-border.jpg);
}
}
@media screen and (max-width: 640px) {
.dibujos li, .dibujos li.halfcol, .dibujos li.irrega{
	width: 100%;
}
.gen-content h3 {
	padding: 0 8%;	
}
}

/***Back to Top Button***/
#backTop{
    width:35px;
    height:35px;
    padding:10px;
    border-radius:4px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
#backTop.white{
     background:url(../images/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
    border:1px solid #ccc;
}
#backTop.black{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8); 
    border:1px solid #ccc;
}
#backTop.red{ /*orange*/
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(211,74,10,0.9); 
    border:1px solid #eea473;
}
/*#backTop.red{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(217,97,81,0.9); 
    border:1px solid #fff;
}*/
#backTop.green{
     background:url(../images/uparr-48-b.png) no-repeat center center rgba(81,217,187,0.9); 
    border:1px solid #fff;
}