/*
Theme Name: MAC CENTER BOLIVIA
Theme URI: http://maccenterbolivia.com
Author: Javier Ramirez M.
Author URI: http://www.creawi.com
Version: 1.0
Tags: html5, css3, javascript, jquery, tecnologia
*/
@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400';

body {
	background-color:#3366cc;
	margin:0px;
	padding:0px;
	font-family:'Roboto', sans-serif;
	font-weight:100;
}

header {width:100%;text-align:center;background-color:#fff;padding-top:10px;}
header #logo{margin:0 auto;font-size:85px;padding-bottom:10px;width:80px;}
header #logo img{border:0;width:100%;}

input#btn-menu{display:none;}
.cajabtn{background-color:#fff;width:100%;text-align:right;display:none;background-color:#3366cc;padding:8px 0px 3px;}
.icon-menu {width:35px;height:35px;background-color:#fff;display:inline-block;border-radius:2px;padding:5px;position:relative;right:0px;left:auto;cursor:pointer;transition:.5s all;margin-right:10px;}
.icon-menu:hover{background-color:#ddd;}
.icon-menu hr{height:5px;margin:5px 2px;border-radius:2.5px;border:none;background-color:#3366cc}


nav {width:100%;text-align:right;background-color:#fff;margin:0 auto;text-align:right;transition:.5s all;}
nav ul.menu {list-style:none;max-width:960px;margin:0px auto;padding:0px;position:relative;display:block;}
nav ul.menu li {text-transform:uppercase;border-left:1px solid #3366cc;display:inline-table;}
nav ul.menu li:nth-child(1) {border-left:none;}
nav ul.menu li a {display:block;padding:3px 20px 13px;text-decoration:none;color:#3366cc;transition:.5s all;font-weight:100;font-size:13px;text-shadow:0px 0px 0.1px #3366cc;}
nav ul.menu li a:hover{text-shadow:0px 0px 3px #3366cc;}
nav ul.menu li:after{content:"";
	width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 10px solid #3366cc;
    display: none;    
    margin-top: -10px;
    margin-left: 50%;
}
nav ul.menu li:hover .sub-menu{display:block;}
nav ul.menu li:hover:after{display:block;}
nav ul.sub-menu {list-style:none;width:100%;margin:0px;padding:0px;display:none;position:absolute;top:31px;background-color:#3366cc;text-align:left;margin-left:-20px;z-index:1}
nav ul.sub-menu:before{content:"";width:0;height:0;border-right:0 solid transparent;border-left:15px solid transparent;border-top:40px solid #3366cc;display: inline-block;vertical-align:middle;margin-left:-15px;}
nav ul.sub-menu li {display:inline-block;text-transform:none;border-left:none;}
nav ul.sub-menu li:after{content:"";display:none;}
nav ul.sub-menu li a:before{content:'';width: 5px;height: 5px;display:inline-block;background-color:#fff;vertical-align:middle;margin-right:5px;}
nav ul.sub-menu li a {text-decoration:none;color:#3366cc;transition:.5s all;font-weight:100;font-size:13px;color:#fff;}
nav ul.sub-menu li a:hover{text-shadow:0px 0px 3px #fff;}

div#slider{position:fixed;top:0px;bottom:0px;right:0px; margin:0 auto;left:0px;right:0px;text-align:center;z-index:-1}
div#slider img{border:none;width:100%;min-width:900px;margin:0 auto;display:block;overflow:hidden;}

#caja{width:100%;overflow-x:hidden;}

section {text-align:right;max-width:960px;margin:0 auto;}
.articulos{margin:30px;text-align:right;}

.paginicial {display:inline-block;margin:8px 3px;vertical-align:top;}
.paginicial .caja1{width:190px;height:220px;padding:15px 20px;box-sizing:border-box;display:inline-block;vertical-align:top;position:relative;}
.paginicial .caja1 h2{font-weight:300;font-size:22px;}
.paginicial .caja2 {width:0px;height:220px;box-sizing:border-box;display:inline-block;vertical-align:top;transition:.5s all;overflow:hidden;}
.paginicial .caja2 .descrip{font-weight:100;font-size:16px;line-height:140%;padding:15px 20px;text-align:left;}
.paginicial .caja2 .descrip li{list-style:none;}
.paginicial .caja2 .descrip a{text-decoration:none;transition:.5s all;}
.paginicial .caja2 .descrip a:hover{margin-left:8px;}

.paginicial .efectoSalir{transform: translate(450px,0px);width:450px;display:inline-block;}
.paginicial .efectoEsconder{transform: translate(0px,0px);}

.paginicial .cajacolor1{background-color:rgba(255,255,255,.9);color:#3366cc;}
.paginicial .cajacolor1 a:before{content:'';width: 5px;height: 5px;display:inline-block;background-color:#3366cc;vertical-align:middle;margin-right:8px;}
.paginicial .cajacolor1 a{color:#3366cc;}
.paginicial .cajacolor2{background-color:rgba(51,102,204,.9);color:#fff;}
.paginicial .cajacolor2 a:before{content:'';width: 5px;height: 5px;display:inline-block;background-color:#fff;vertical-align:middle;margin-right:8px;}
.paginicial .cajacolor2 a{color:#fff;}

.paginicial .boton{width:40px;height:40px;border-radius:20px;position:absolute;bottom:10px;right:15px;font-size:40px;text-align:center;color:#3366cc;background:#ddd;cursor:pointer;box-shadow:-1px 1px 1px #888;}
.paginicial .boton div.btnClose{}
.paginicial .boton:hover{background:#eee;box-shadow:-1px 1px 1px #888;}
.paginicial .boton:active{box-shadow:1px 1px 1px #888 inset;}
.paginicial .boton div{margin-top:-5px;font-weight:bolder;color:rgba(51,102,204,.8);}

.title {text-align:left;display:block;margin-top:30px;margin-left:200px;position:relative;top:0px;height:40px;}
.title h1{padding:5px 15px;background:#333;color:#fff;font-family:'Roboto',sans-serif;font-weight:300;font-size:25px;margin:0px;position:absolute;left:0px;width:1000px;height:30px;}
.title h1:before{
	content:"";
	width:0;
	height:0;
	position:absolute;
	top:0px;
	left:0px;
	border-right:0 solid transparent;
	border-left:15px solid transparent;
	border-top:40px solid #333;
	display: inline-block;
	vertical-align:
	middle;margin-left:-15px;
}
.pagina:before{
	content:"";
	width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 30px solid rgba(51,102,204,.9);
    display: block;
    position: absolute;
    margin-top:-60px;
    margin-left:60px;
}
.pagina a {color:#fff;}
.pagina img{max-width:100%;height:100%;}
.pagina {text-align:left;background-color:rgba(51,102,204,.9);display:block;padding:30px 25px;box-sizing:border-box;color:#fff;max-width:700px;margin-bottom:50px;margin-left:auto;margin-top:30px;margin-top:50px;}
.pagina .pag1:nth-child(1) .cajaart {border:none;}
.pagina .pag1 {display:block;width:100%;margin:0px;padding:0px;text-align:left;}
.pagina .pag1 .cajaart {border-top:1px solid #ccc;border-left:none;padding:20px 10px;margin:0px;height:auto;display:table;width:100%;box-sizing:border-box;}
.pagina .pag1 .cajaart .figura {max-width:150px;height:150px;border-radius:75px;background-color:#ccc;margin:35px;overflow:hidden;float:left;}
.pagina .pag1 .cajaart .figura img {border:none;width:100%;height:100%;object-fit:cover;}
.pagina .pag1 .cajaart .descripcion {float:left;max-width:350px;white-space:normal;}
.pagina .pag1 .cajaart .descripcion h2{padding:20px 0px;margin:0px;font-family:'Roboto',sans-serif;font-weight:300;text-transform:uppercase;font-size:18px;}
.pagina .pag1 .cajaart .descripcion ul {margin:0px;padding-left:15px;font-size:13px;}
.pagina .pag1 .cajaart .descripcion ul li{list-style:square;padding:3px 0px; }

.pagina .wpcf7 {max-width:360px;margin:0 auto;position:relative;}
.pagina .wpcf7 .formularioLoading {width:100%;height:100%;position:absolute;background-color:rgba(51,102,204,.9);top:0px;left:0px;text-align:center;display:none;padding-top:40%;box-sizing:border-box;}
.pagina .wpcf7 form{overflow:hidden;width:100%;text-align:right;margin-left:auto;margin-right:auto;margin-top:25px;}
.pagina .wpcf7 form input{display:block;padding:10px;margin:10px 0px;width:100%;box-sizing:border-box;border:none;outline:none;}
.pagina .wpcf7 form textarea{display:block;padding:8px;margin:10px 0px;width:100%;box-sizing:border-box;border:none;outline:none;}
.pagina .wpcf7 form input.btnEnviar{border-radius:1px;width:100px;margin-left:auto;margin-right:2px;cursor:pointer;box-shadow:1px 1px 2px #333;}
.pagina .wpcf7 form input.btnEnviar:hover{box-shadow:1px 1px 5px #333;}
.pagina .wpcf7 form input.btnEnviar:active{box-shadow:-1px -1px 5px #333;}

.pagina .wpcf7 span{}

.pagina .direccion {max-width:360px;margin:0 auto;margin-top:40px;}
.pagina .direccion ul {padding:0px;margin:0px;text-align:right;width:100%;display:inline-block;vertical-align:middle;}
.pagina .direccion li {list-style:none;margin:0px;padding:10px 10px 10px 10px;background-repeat:no-repeat;display:inline-block;vertical-align:middle;}

.pagina .direccion .direc img{border:none;width:21px;height:21px;background-color:transparent;display:inline-block;vertical-align:middle;}
.pagina .direccion .direc img.ubics {background-image:url(img/sprite.png);background-position: 0px 0px;}
.pagina .direccion .direc img.telfs {background-image:url(img/sprite.png);background-position: 0px -25px;}
.pagina .direccion .direc img.emails {background-image:url(img/sprite.png);background-position: 0px -50px;}
.pagina .direccion .direc img.webs {background-image:url(img/sprite.png);background-position: 0px -75px;}
.pagina .direccion .direc img.linkedin {background-image:url(img/sprite.png);background-position: 0px -125px;}
.pagina .direccion .direc img.facebook {background-image:url(img/sprite.png);background-position: 0px -100px;}
.pagina .direccion .direc img.twitter {background-image:url(img/sprite.png);background-position: 0px -147px;}

@media screen and (max-width: 1024px){
	nav ul.menu {max-width:767px;}

	div#slider img{height:100%;width:auto;margin:0px auto;display:block;overflow:hidden;}

	section {max-width:95%;}

	.title {margin-left:40px;}
	.pagina {max-width:90%;margin-left:auto;margin-right:auto;}
	.pagina article{width:100%;}

}

@media screen and (max-width: 800px){
	header #logo{width:25%;}
	.cajabtn{display:block;}
	#btn-menu:checked ~ nav {/*display:block;*/ max-height:1000px;overflow:visible;}
	nav {/*display:none;*/max-height:0px;overflow:hidden;transition:.5s all;}

	nav ul.menu {max-width:100%;}

	nav ul.menu li {display:block;border-left:none;border-top:1px solid #fff;margin:0px;padding:0px;text-align:left;background-color:#3366cc;}
	nav ul.menu li:hover{background-color:rgba(51,102,204,.9);}
	nav ul.menu li a{padding:12px;color:#fff;}
	nav ul.menu li:after{content:"";display:none;}
	nav ul.menu li:hover:after{content:"";display:none;}

	nav ul.sub-menu {position:relative;top:0px;display:block;margin:0px;padding:0px;display:block;text-align:left;background-color:transparent;}
	nav ul.sub-menu:before{content:"";display:none;}
	nav ul.sub-menu li {padding-left:10px;border-bottom:none;border-top:1px solid #fff;background-color:#3366cc;}
	nav ul.sub-menu li a{color:#fff;}


	section {max-width:90%;}
	.articulos {margin-right:0px;}
	.paginicial {width:100%;}
	.paginicial .caja1{width:100%;}
	.paginicial .caja2{width:100% !important;}
	.paginicial .boton div{transform:rotate(90deg);}

	.title {margin-left:40px;}
	.pagina {max-width:90%;margin-left:auto;margin-right:auto;}
	.pagina article{width:100%;}
	.pagina .pag1 .cajaart .figura {max-width:200px;height:200px;border-radius:100px;float:none;margin:0 auto;}
	.pagina .pag1 .cajaart .descripcion {float:left;max-width:100%;white-space:normal;}


}

@media screen and (max-width: 500px){
	header #logo{width:50%;}
	

}