/* Tablet Devices Resizing */
@media only screen and (max-width: 1024px) {
/*div#wrap {width:90%;}
div#sidebar {width:20% /*200px;}
ul#navigation {	width:100%; /*205px;}
div#container {	width:535px}*/
.gotop {
position:fixed;
	right:25px;
	bottom:25px;
	opacity:.5;
	padding:10px;
	color:#5c3820;
	background-color:#289398;
	display:block;
	text-decoration:none;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	z-index:999;}
a#logo h1{ font-size:1.6em;}
.subHeading { font-size:1.3em;} 
h1.index{font: 3.285em/1.067em GFSNeohellenic, GFS Neohellenic;}
#contenido{ margin-top: 49px;padding: 1.143em 0;width:70%; margin-left:auto; margin-right:auto; text-align:center;}
.contenido_img{ width:85%}
#pie_izq{ padding:0px; width:40%;margin:0px;}
#pie_dere{ padding:0px; width:40%;margin:0 5% 0 0;}
.esconder{ display:none; visibility:hidden;}
.tablet{ visibility: visible; display:block;}
h4.blue { font-size:1.8em;margin-bottom:1em;}
.esconde{ display:none; visibility:hidden;}
.nav-pills {  width:95%;}
	}
@media only screen and (max-width: 985px) and (min-width:768px) {

#horizontal-ad{display:none;}
#vertical-ad{display:block;}
.page_title {margin-left:25px;}
/*ul li {font-size:90%}*/
div.page_content img {max-width:72%}
h1.index{font: 3.285em/1.067em GFSNeohellenic, GFS Neohellenic;}
#contenido{ margin-top: 49px;padding: 1.143em 0;width:70%; margin-left:auto; margin-right:auto; text-align:center; }
.esconder{ display:none;}
.tablet{ visibility: visible; display:block;}
h4.blue { font-size:1.6em;}
.nav-pills {  width:65%;}
#pie2{ width:90%; margin:0 auto;}
#pie_izq2 img{ width:60%;}
#pie_dere2 img{ width:20%}
}

/* Phone Devices Resizing */
@media only screen and (max-width:767px) and (min-width:480px){
h4.blue { font-size:1.4em;}
#bsads{margin-top:20px;	padding-left:100px;}
div#wrap {width:90%}
div#sidebar {width:90%;position:relative;border:none;float:none;clear:both;padding: 10px;padding-top:25px;}
div#container {	float:none;	width:90%;clear:both; left:0;}
a#logo {position:relative;border-right:none; margin-left:auto; margin-right:auto;width:90%;}
a#logo:hover {border-right:none}
ul#navigation2{position:relative;width:90%;margin:0 auto; top: 10px; text-align:center;}
ul#navigation2 li{ display:inline;margin:10px 0; padding-left:5px;}
ul#navigation2 li a{ font-size:1.2em; border:1px solid #289398; padding:5px;}
ul#navigation {	position:relative;width:90%;margin:10px auto 0 auto;}
ul#navigation li a:link, ul#navigation li a:visited {border-right:none;	text-align:left;padding:5px 5px 5px 10px;text-align:center}
ul#navigation li a:hover, ul#navigation li a.active {}
/*div#container {	left:0;	width:100%;padding: 10px;}*/
div#container h3.page_title { font-size:1.8em;}
div.page_content {width:95%; text-align:justify;}
div.page {width:95%;padding-top:10px}
div#members img {border-width:5px;width:92.5%}
div.footer {margin-top:25px}
h1 {font-size:1.7em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
#contenido{ margin-top: 49px;padding: 1.143em 0;width:70%; margin-left:auto; margin-right:auto; text-align:center; border:1px solid #030;}
#contenido h1 {
font: 3.285em/1.067em GFSNeohellenic, GFS Neohellenic;}
.subHeading.peque{ width:50%;}
.contenido_img{ width:55%}
#pie_izq{ padding:0px; width:40%;margin:0px;}
#pie_dere{ padding:0px; width:40%;margin:0 5% 0 0;}
div#content { border:none;}
#pie2 { width:90%; margin:0 auto;}
#pie_izq2 img{ width:60%;}
#pie_dere2 img{ width:20%}
#clients li{ background-color:#289398; border-bottom: 1px solid #fff;border-right: 1px solid #fff; padding:0.8em 0; }
#clients li a{color:#fff;}
#clients li a.cuadrados{ visibility:visible; text-decoration:none; font-size:0.8em; text-align:center;}
#clients li img{ visibility:hidden;display:none;}
.esconde{ display:block; visibility: visible; color:#fff;}
.nav-pills {  width:88%;}
}
@media only screen and (max-width:479px) and (min-width:320px){
.nav-pills {  width:95%;}
#horizontal-ad{display:none;}
#vertical-ad{display:block;}
#bsads{	margin-top:20px;padding-left:100px;}
div#wrap {width:90%; padding:0; margin:0 auto;}
div#sidebar {width:90%;position:relative;border:none;float:none;	clear:both; margin-left:auto; margin-right:auto;padding: 10px;padding-top:25px;}
div#container {	float:none;	width:90%;clear:both;padding: 10px;left:5px;}
a#logo {position:relative;border-right:none;width:auto}
a#logo:hover {border-right:none}
ul#navigation2{position:relative; top: 10px;margin:0 auto; width:90%; text-align:center;}
ul#navigation2 li{ display:inline;margin:10px 0; padding-left:5px;}
ul#navigation2 li a{ font-size:1em; border:1px solid #289398; padding:5px;}
ul#navigation {	position:relative;width:100%;margin:10px 0 0 0}
ul#navigation li a:link, ul#navigation li a:visited {border-right:none;	text-align:left;padding:5px 5px 5px 10px;text-align:center;}
/*.gotop {
	position:fixed;
	right:55px;
	bottom:55px;
}*/
div.page_content { width:100%;padding:5px 0px 20px 0px}
div.page { width:100%;padding-top:10px; text-align:justify;}
div.footer {margin-top:25px}
div.page_content img {	max-width:87%}
div.post_content {padding-left:15px}
h3.page_title {	margin-left:0px !important;	line-height: 1.0 !important;margin-bottom:20px !important;font-size:1.8em !important;
}
#cabecera{
height: 29px;}

#contenido{ margin-top: 29px;padding: 0.5em 0;width:75%;}
#contenido h1 {font:2.2em GFSNeohellenic, GFS Neohellenic;}
.subHeading.peque{ width:55%; font-size:1em;border-top-width: 2px;
border-bottom-width: 2px;}
.contenido_img{ width:55%}
a.css3button {
	font-size: 0.8em;
	padding: 5px 10px;
	
}
div#pie {
height: 70px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}
#pie_izq{ padding:0px; width:45%;margin:0px;}
#pie_izq img{ width:90%}
#pie_dere{ padding:0px; width:45%;margin:0 5% 0 0;}
#pie_dere img{ width:25%}
#pie2 { width:90%; margin:0 auto;}
#pie_izq2 img{ width:80%;}
#pie_dere2 img{ width:25%}
h4.blue { font-size:1.2em;margin-bottom:1em;}
h4.blue2 {
	font: 0.7em ArcherPro, Archer Pro;
	margin-top:1em;
	margin-bottom:1em;
	border-bottom:1px solid #289398;
	border-top:1px solid #289398;
}
h4.blue3 {
	font: 1em ArcherPro, Archer Pro;
}

#clients li{ width:28%;background-color:#289398; border-bottom: 1px solid #fff;border-right: 1px solid #fff; padding:0.5em; }
#clients li a{color:#fff;}
#clients li a.cuadrados{ visibility:visible; text-decoration:none; font-size:0.7em; text-align:center;}
#clients li img{ visibility:hidden;display:none;}
.esconde{ display:block; visibility: visible; color:#fff;}
}