@import "/tpl/css/menu_style.css";
@import "/tpl/css/tagcloud.css";
@import "/tpl/css/links_widget.css";
@import "/tpl/css/blog.css";

@-ms-viewport{ width:device-width}

body,p { color:#444; }
ul { padding-left:15px; }
h1,h2,h3,h4,h5 {
        font-family: "Arial","Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	line-height:100%;
}
ul.langsel { margin-top: 3px;margin-right: -14px;}

div.contact_td {
	width:250px;
        margin-bottom: 3px;
        float: left;
}
div.label { font-weight:bold; }
div#page_content { padding-top:20px; }
div#webpage_padding { padding-top:20px;}
h1.title,h1 {
        font-size: 30px;
	color: #fff;	
	line-height:110%;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	height:auto;
	text-transform:inherit;
	letter-spacing:0px;
	margin:0px;

        background-image:-webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
        background-image:-webkit-linear-gradient(top, #666, #444);
        background-image:-moz-linear-gradient(top, #666, #444);
        background-image:-ms-linear-gradient(top, #666, #444);
        background-image:-o-linear-gradient(top, #666, #444);
        background-image:linear-gradient(top, #666, #444);

}
h1 a:visited {
        color:#1D7EBA;
        text-decoration:none;
}

a.footlink {
	font-size:10px;

}

h1 a {
	color:#1D7EBA;
	text-decoration:none;
}
h1 a:hover {
       color:#3D9EDA;
        background-color:#E3F3FF;
	text-decoration:none;
}


a {
	text-decoration:none;
}
a:hover {
        text-decoration:underline;
}


.lang{
        float: right;
        text-align: right;
        margin-right: 10px;
        margin-top: 3px;
}

div#footer {
        position:relative;
	clear:both;
        width:100%;
        margin-left: auto;
        margin-right: auto;
	border-top:1px solid #ddd;
	background-color:#fafafa;
        color: #777;
        left:0px;
        right:0px;
        padding-top: 0px;
	padding-bottom: 20px;
        z-index:1;

}

div#footer  {
        background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
        background-image:-webkit-linear-gradient(top, #eee, #ddd);
        background-image:-moz-linear-gradient(top, #ddd, #ddd);
        background-image:-ms-linear-gradient(top, #ddd, #ddd);
        background-image:-o-linear-gradient(top, #ddd, #ddd);
        background-image:linear-gradient(top, #ddd, #ddd);
}
div#footernav{
        position:relative;
        text-align: center;
        clear:both;
        width:900px;
        margin-left: auto;
        margin-right: auto;
}


div#top {
	position:relative;
	background-color:#f7f7f7;
        margin-left: auto;
        margin-right: auto;
        width:100%;
	height:120px;
        left:0px;
        right:0px;
	z-index:1;
}
div#header {
	background: url('https://www.shakeitmarketing.com/files/web/140219120025145.png');
	background-repeat:repeat-x;
}
div#topnav {
        width:970px;
	margin-left: auto;
        margin-right: auto;
}


div#menu {
        position:relative;
	width:100%;
        margin-left: auto;
        margin-right: auto;
	z-index:2;
	left:0px;
	right:0px;
        background-color:#e5e5e5;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#d0d0d0));
        background-image:-webkit-linear-gradient(top, #e5e5e5, #d0d0d0);
        background-image:-moz-linear-gradient(top, #e5e5e5, #d0d0d0);
        background-image:-ms-linear-gradient(top, #e5e5e5, #d0d0d0);
        background-image:-o-linear-gradient(top, #e5e5e5, #d0d0d0);
        background-image:linear-gradient(top, #e5e5e5, #d0d0d0);
}

div#menu ul li.current a {
/*        background-image:-webkit-gradient(linear, left top, left bottom, from(#3d78b7), to(#1d5897));
        background-image:-webkit-linear-gradient(top, #3d78b7, #1d5897);
        background-image:-moz-linear-gradient(top, #3d78b7, #1d5897);
        background-image:-ms-linear-gradient(top, #3d78b7, #1d5897);
        background-image:-o-linear-gradient(top, #3d78b7, #1d5897);
        background-image:linear-gradient(top, #3d78b7, #1d5897);*/
	background-color:#2d68A7;
}

div#menu a:hover {
background-color:#1778B4;
/*        background-image:-webkit-gradient(linear, left top, left bottom, from(#0099ff), to(#3d78b7));
        background-image:-webkit-linear-gradient(top, #0099ff, #3d78b7);
        background-image:-moz-linear-gradient(top, #0099ff, #3d78b7);
        background-image:-ms-linear-gradient(top, #0099ff, #3d78b7);
        background-image:-o-linear-gradient(top, #0099ff, #3d78b7);
        background-image:linear-gradient(top, #0099ff, #3d78b7);
*/
}
div#menunav {
        width:990px;
        margin-left: auto;
        margin-right: auto;
}
div.menunav { background:inherit; }

div#space {
	margin-top:24px;
	height:3px;
	background-color:#fafafa;
	z-index:2;
}
div#sidemenu {
        width:210px;
	float:left;
        height:auto;
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
        background-color: #fafafa;
}


div#logo {
	float:left;
	position:relative;
	left:0px;
	padding-left:0px;
	top:15px;
}

img {
  border: none;
}

div#followus {
	width:260px;
        position:relative;
	float:right;
	text-align:center;
        right:0px;
        top:0px;
}


#cloudwarp {
width: 200px;
border: 0px;
text-align:justify;
background: none;
padding: 5px;
}
.tag_cloud { padding:0px; text-shadow:0 1px 0 rgba(0,0,0,.2);
text-shadow:0 1px 0 rgba(255,255,255,.8); }
.tag_cloud:visited, .tag_cloud:link { color:#555;font-weight:normal; }
.tag_cloud:hover { color:#3D78B7;background:none;text-shadow:none; }

span.tags div.tag :hover a {
color: #fff;
background-color: #1E5594;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
div.tag {
float: right;
padding:0.5% 4px 0.5% 4px;margin: 2px;
background-color: #e5e5e5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div.tag:hover {
background-color:#3D78B7;
}

div.tag:hover a, div.tag span:hover, div.tag a:hover {
text-decoration:none;color:#fff;text-shadow:none;
}


div.widget ul {
	list-style-type:disc;
	list-style-position: inside;
}
div.widget ul li {
        list-style-position: inside;
}

span.postdetails {
	color:#999;
	font-size:11px;
}

div.textbox {
        background-color:#eff5ff;
	border: solid 1px #cfd5ef;
	padding:0px 0px 0px 10px;
}

table.footer-table td {
	text-align:left;
	padding-right:20px;
	color:#555;
	vertical-align:top;
}

td {
	vertical-align:top;
}

h3 {
	color:#555;
}

span.contact {
	display: list-item;
	list-style-image: url(https://www.shakeitmarketing.com/tpl/shakeit/img/icons/bullet.png);
	list-style-position:inside;
	list-style-type: none;
	vertical-align:top;
	height:5px;	
}

/** web form **/

textarea {
	margin-left:3px;
}

textarea {
	color:#444;
}


textarea, input[type="text"]
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #85b1de; 
    background-color: #EDF2F7;
}


input[type="text"]:focus, #inputArea textarea:focus
{
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #33677F;
}

hr {
 background-color: #ccc;
 height: 1px;
 border:0px;
 margin:0px;
}

#menu ul li a {
font-size: 12px;
letter-spacing: 0px;
font-weight: normal;
background:inherit;
}

.siguenos { line-height:0px;padding:0px;margin-top:10px;color:#888;font-size:12px;font-weight:bold;text-align:center; }
.followbuttons li { list-style-type:inside;list-style:none;width:66px; height:66px;float:left;cursor:pointer;padding-right:4px;padding-bottom:5px;padding-top:0px;margin-top:0px}
.twitter {background:url(../img/icons/twitter.png) no-repeat}
.twitter:hover {background:url(../img/icons/twitter_hover.png) no-repeat}
.rss {background:url(../img/icons/rss.png) no-repeat}
.rss:hover {background:url(../img/icons/rss_hover.png) no-repeat}
.facebook {background:url(../img/icons/facebook.png) no-repeat}
.facebook:hover {background:url(../img/icons/facebook_hover.png) no-repeat}

ul.followbuttons { height:60px;}
div#fub { position:relative;  }

div#menu ul li.current, div#menu ul li.current a, div#menu ul li.current a p {
font-weight: normal }
div.mob { display:none; }

#menu ul li { height:41px; }
#menu a { padding:13px 12px; }

div.footer_info_box {
float: left;
width: 32%;
padding-top:20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
}
div.textbox { margin-bottom:10px; }

div.footer_info_box h3 { padding-left:10px;padding-right:10px; }
div.blog { padding-top:10px; }
div#blog h1 { background:none;font-size:28px; color:#1D7EBA;text-align:left;font-weight:bold;padding:0px }
div#blog a  { text-decoration: none; }
div#blog div.post h1 span:hover { color: #3D9EDA; background-color: #E3F3FF;}
div#blog h2 { color:#444;font-size:18px; }
div#menu { display:block; }
h1.title { display:none; }
img.fixed {
                width:inherit !important;
		max-width:70%;
}

/* Tablet */
@media (max-width: 55em) {
	
	div#page_content { padding-top:0px; }
	span.tags { display:none; }
	h1.title { display:block }
        div#menu { display:none; }
	div#menu  a.menunavli { border-right:0px;padding-left:0px;padding-right:0px }
        div#logo { top:10px; }
        div#logo img { margin-top:0px;height:60px;padding-left:20px; }
        a.a2a_dd { display:none; }
        ul.followbuttons { width:150px;margin:auto;}
	.siguenos { line-height:120%; }
	ul.followbuttons li { cursor:pointer;width:45px;height:45px;background-size:45px 45px; }
	ul.followbuttons li:hover { background-size:45px 45px; }
        div#followus { margin-top:25px;width:auto; }
	div#fub { margin-top:5px;left:0px; }
	div#header, div#header div.contentnav, div#header div#head, div#page, div#page div#page_content, div#page div.page_header, div.webpage,div#footer, div#footer div#footernav {  width:100%; }
	div.flash,div.nomob { display:none; }
	div.mob { display:block;}
	div.footer_info_box { width: 100%; padding-bottom:20px; float: left; border-bottom-style: solid; border-bottom-color: #ccc; border-bottom-width: 1px;}
	div.mob_container {
	text-align: -webkit-center;
	width: 100%;
	}
	div#webpage_padding { padding:20px; }
	div#page_blog div#webpage_padding { padding:0px; }
	div#page_blog div#webpage_padding div.blog { padding:15px; }
	div#page_blog div#webpage_padding div.post{padding:0px; }
	div.webpage iframe,div.webpage table { width:100% !important; }
	div#blog { padding:0px; }
	div#blog h1 { background:none;font-size:23px; color:#1D7EBA; }
	h2  { font-size:20px;color:#444 }
	div#head { height:86px; 
	background-color:#e5e5e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#eee));
	background-image: -webkit-linear-gradient(top, #e5e5e5, #eee);
	background-image: -moz-linear-gradient(top, #e5e5e5, #eee);
	background-image: -ms-linear-gradient(top, #e5e5e5, #eee);
	background-image: -o-linear-gradient(top, #e5e5e5, #eee);
	background-image: linear-gradient(top, #e5e5e5, #eee);
	}

	#menu div.menunav, #menu div.menunav ul, #menu div.menunav ul li, #menu div.menunav ul div a { width:100%; }
	#menu { height:auto; }
	#menu div.menunav ul li { 
	background-color:#1D7EBA;
/*	background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#d0d0d0));
	background-image: -webkit-linear-gradient(top, #e5e5e5, #d0d0d0);
	background-image: -moz-linear-gradient(top, #e5e5e5, #d0d0d0);
	background-image: -ms-linear-gradient(top, #e5e5e5, #d0d0d0);
	background-image: -o-linear-gradient(top, #e5e5e5, #d0d0d0);
	background-image: linear-gradient(top, #e5e5e5, #d0d0d0);*/
	border-bottom:1px solid #5D98d7;

	}
	#menu div.menunav ul li a { color:#fff; }
	div.webpage img { 
		-webkit-transform: scale(1); 
		width: 95%;
		height: auto;
		text-align: center;
		margin-left: 0px;
		margin-right: 0px;
	}
	div.clientes_page img { max-width:200px;margin-left:5px;margin-right:5px; }
        div#page_metodologia img {
	-webkit-transform: scale(1);
                width: 85%;
                height: auto;
                text-align: center;
                margin-left: 0px;
                margin-right: 0px;
	}

	div#page div.webpage .center { text-align:center; }

	div#page_home div#webpage_padding,div#page_estrategia-digital div#webpage_padding { padding:0px; }
	div.mob_header {
	width: 100%;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #1D7EB9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2D8EA9), to(#0D6EA9));
        background-image: -webkit-linear-gradient(top, #2D8EA9, #0D6EA9);
        background-image: -moz-linear-gradient(top, #2D8EA9, #0D6EA9);
        background-image: -ms-linear-gradient(top, #2D8EA9, #0D6EA9);
        background-image: -o-linear-gradient(top, #2D8EA9, #0D6EA9);
        background-image: linear-gradient(top, #2D8EA9, #0D6EA9);
	}
	div.mob_txt {
	text-align: left;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #222;
	}
	div#footer div#footernav div.footer_info_box {
        background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
        background-image:-webkit-linear-gradient(top, #eee, #ddd);
        background-image:-moz-linear-gradient(top, #ddd, #ddd);
        background-image:-ms-linear-gradient(top, #ddd, #ddd);
        background-image:-o-linear-gradient(top, #ddd, #ddd);
        background-image:linear-gradient(top, #ddd, #ddd);
	}
	select.contact_input, input.contact_input, textarea.contact_input {
        max-width: 400px;
        width: 80%;
        min-width: 50px;
	}
	select.contact_input {
	min-width:92%;max-width:inherit;height:26px;
	}
	        div.clientes div#webpage_padding { padding:20px; }
}

/* mobil */
@media (max-width: 40em) {
        div#blog { padding:0px; }
	div#blog h1 { background:none;font-size:23px; color:#1D7EBA;text-align:left;font-weight:bold;padding:0px }
	div#blog h2 {font-size:17px;line-height:120%; }
	
	div#logo { top:15px; }
	div#logo img { margin-top:0px;padding-left:20px;height:50px; }
	ul.followbuttons { width:120px;margin:auto;}
	ul.followbuttons li { cursor:pointer;width:35px;height:35px;background-size:35px 35px; }
	ul.followbuttons li:hover { background-size:35px 35px; }
        .siguenos { line-height:120%; }
        div#followus { margin-top:25px;width:auto; }
	div.client_logo {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: -webkit-center;
	}

	div.webpage img {
                width: 95%;
	}
	input.contact_input,textarea.contact_input {
        max-width: inherit !important;
        width: 90% !important;
        min-width: 50px !important;
        }
	div.contact_td { width:100%; }

}
/* Mobmenu */
#nav-anchors .menu {
	display: block;
	text-decoration: none;
	text-align: center;
	content: "\e612";
	width:16px;
	height:16px;
	background-image:url('/tpl/img/icons/mobmenu_hover.png');
}
#nav-anchors .menu:hover {
	background-image:url('/tpl/img/icons/mobmenu.png');
}

div.client_logo {
float: left;
min-width: 33%;
height: 100px;
margin-bottom: 20px;
text-align: -webkit-center;
}
div.client_logo img {
width:auto;
max-height:100px;
}

div.contact_clear {
clear: both;
}

div.widget ul li:last-child, div.widget ul li { border:0px; }
div.language_selector {
float:right;
margin-right:30px;
}

div#header {
background: url('https://www.shakeitmarketing.com/files/web/140219120025145.png') repeat;
}

div.language_selector li.current a { background-color: #00b5e6;
padding: 4px 4px 2px;
color: #fff; 
}

div.webpage.clientes { width:100%; }