/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
html  {background-color: #f8f8f8;}
body {
  font-family: 13px 'Open Sans', sans-serif;
  min-height: 100%;
/*   overflow: auto;  */
  width: 85%; 
  margin: 10px auto auto auto; 
  background-color: white; 
}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

.clearfix {clear: both; }

.orange {color: #e25a20;}
.yellow {color: #f0e019;}
.green {color: #cbc730;}

h1 {font-size: 1.6em; text-transform: uppercase; font-weight: 700; font-family: 'Open Sans', sans-serif;}
h2 {font-size: 1.4em; text-transform: uppercase; font-weight: 700; font-family: 'Open Sans', sans-serif;}
h3 {font-size: 1.2em; text-transform: uppercase; font-weight: 700; font-family: 'Open Sans', sans-serif;}

/* p { font-family: 'Open Sans', sans-serif; font-size: 0.9em;} */

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

header {position: relative;  height: 145px; font-family: 'Open Sans', sans-serif;}
header .logo {width: 30%; max-width: 363px; height: 100%; max-height: 145px; float: left; z-index: 60000;}

nav#nav {position: relative; width: 70%; background-color: white; height: 30px;
	margin:0 auto;	margin-top:10px; top: 40px; right: 0px; float: right;z-index: 5999;}
ul#navigation {	margin:0px auto; position:relative; float:right; border-left:1px solid #a8a940; border-right:1px solid #a8a940;}

ul#navigation li {display:inline; font-size:12px;	font-weight:bold; margin:0; padding:0; float:left; position:relative; border-top:1px solid #a8a940; border-bottom:2px solid #a8a940; background-color: transparent;text-align: center; font-family: 'Open Sans', sans-serif;}

ul#navigation li a {	padding:5px 55px;	color:#616161;	text-shadow:1px 1px 0px #fff;	text-decoration:none;	display:inline-block;	border-right:1px solid #fff;	border-left:1px solid #C2C2C2;	border-top:1px solid #fff;	background-color: #c9cc41;	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	 font-family: 'Open Sans', sans-serif;
}

ul#navigation li a:hover {	background:#c9cc41;	color:white;}

ul#navigation li:hover > a {	background:#fff; color: #c9cc41;}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}
ul#navigation ul, ul#navigation ul li ul {
	list-style: none;    margin: 0;    padding: 0; visibility:hidden; position: absolute; z-index: 99999;
	width:auto;
	background:#c9cc41;
	box-shadow:1px 1px 3px #ccc;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 30px;
    left: 1px;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px;
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px solid #c9c9c9;
}

ul#navigation ul li a {
	background:none;
	padding:7px 15px;
	color:#616161;
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:150px;
}

ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}


/* BEGIN MAIN CONTENT PART */
#contentPart  {position: relative; width: 100%; margin: 0px auto auto auto; font-family: 'Open Sans', sans-serif; font-size: 0.9em;}
#sliderPart{position: relative; width: 99.5%;  height: 200px; top: -20px; left: 0; margin: 5px auto  5px auto; clear: both;}
#sliderPart.source-image {
  width: 98%;
  position: relative;
  top: 0;
  left: 0;
}

#sliderPart .rslides {
  position: absolute;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; top: 30px; clear: both;
  }

#sliderPart .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

#sliderPart .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

#sliderPart .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
#sliderPart .caption {position: absolute; text-align: center;  bottom: 4%; font-size: 2em; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-weight: bold; color: white; float: center;  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3); width: 99.5%; background: black;  opacity: 0.6;
}
#sliderPart #coworking {width: 99%; height: 85%; background-image: url("../../images/subCoworking.jpg");position: relative; left: 10px; top: 32px; background-repeat: no-repeat;}
#sliderPart #despachos {width: 99%; height: 85%; background-image: url("../../images/subDespachos.jpg");position: relative; left: 10px; top: 32px; background-repeat: no-repeat;}
#sliderPart #salas {width: 99%; height: 85%; background-image: url("../../images/subSalas.jpg");position: relative; left: 10px; top: 32px; background-repeat: no-repeat;}
#sliderPart #aulas {width: 99%; height: 85%; background-image: url("../../images/subAulas.jpg");position: relative; left: 10px; top: 32px; background-repeat: no-repeat;}
#sliderPart #insiderTitle {position: relative; right: 20px;  top: 65%; font-size: 2.5em; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-weight: bold; color: white; float: right;  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3);} 
#sliderPart #insiderTitleAulas{position: relative; right: 20px;  top: 55%; font-size: 1.9em; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-weight: bold; color: white; float: right; text-align: right;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3);} 
article {position: relative; float: left; width: 73%; padding-left: 15px; font-size: 0.9em; display: block;}
article .fp {width: 100%; font-size: 0.9em; display: block;position: relative; float: left;}
img.topTextImg {width:100%; max-width: 300px; height: 100%; max-height: 220px;}
img.topTextImgLocalizacion {width:100%; max-width: 330px; height: 100%; max-height: 150px; border: 1px solid #ccc; position: center;}
.four-cols {position: relative; float: left; width: 24.5%; padding: 10px;}
.three-cols {position: relative; float: left; width: 33%; padding: 10px;}
.two-cols {position: relative; float: left; width: 45%; padding: 15px;}
ul.positiveCheck {margin: 10px; padding-left: 25px;}
ul.positiveCheck li {list-style-image: url("../../images/checkOK.png"); padding-left: 25px;}

.horarioBox {
  /*Rounded Corners*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  background-color: #e25a20; 
  opacity: 0.7;
  color: white;
  width: 30%; 
  float: left;font-family: 'Open Sans', sans-serif; font-size: 0.9em; font-weight: 900; padding: 10px; margin-right: 30px;
  border: 2px solid #c25a20;
  height: 110px;
}
.tarifaBox{
  /*Rounded Corners*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
  background-color: #cbc730; 
  opacity: 0.7;
  color: #333;
  width: 30%; 
  float: left;font-family: 'Open Sans', sans-serif; font-weight: 900; padding: 10px; margin-right: 30px; padding: 10px;
  border: 2px solid #aba730;
  min-height: 110px;
  height: auto;
}
.horarioBox > h3, .tarifaBox >h3
{
  background-color: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 24px; text-transform: uppercase; font-weight: 900; text-align: center; margin-bottom: 15px;
}
.autoheight {height: auto;}
.textRight {text-align: right;}
#mapLocation {position: relative; float: left; width: 100%; max-width: 800px; max-height: 350px; overflow: hidden; margin-bottom: 15px;}
 
#contact {color: #666;}
form {margin-top: 20px;}
#contact .formblock { display: block; margin-bottom: 11px; }
#contact .formblock label { font-size: 0.9em; display: block; font-style: italic; font-weight: normal; color: #232323; float: left; width: 35%; max-width: 330px;}

#contact .formblock .txt { padding: 4px 6px; font-size: 0.9em; width: 330px; }
#contact .formblock .txtarea {font-size: 0.9em; padding: 3px 5px; width: 330px; height: 140px; }

#contact .formblock .error { font-weight: bold; font-size: 0.9em; font-style: normal; color: #900; }
#contact .info { font-weight: bold; font-size: 0.9em; color: #59913d; margin: 10px; padding: 10px; }

#contact p.tick { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 0.9em; color: #3e669c; }

#contact .subbutton { padding: 3px 7px; font-size: 1.1em; font-weight: bold; color: #565656; }
/* FINISH  MAIN CONTENT PART */

/* BEGIN GALLERY ZOOM */
.rotatedLeft
{
  position: relative; float: right; right: 0px; top: 30px;
  -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);width: 90%; height: 90%; max-width: 250px; max-height: 220px;
}
.rotatedRight
{
  position: relative; float: right; right: 0px; margin-top: 30px; margin-bottom: 30px;
  -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);width: 90%; height: 90%; max-width: 250px; max-height: 220px;
}
.sideSmallPic {border: 1px solid #ccc; width: 100%; height: 100%; max-width: 250px; max-height: 220px; float: right; margin-right: 15px;}
#gallerySideContent
{
  position: relative; width: 100%; max-width: 300px; z-index: 10000;
}
.thumbnailGal {
    width: 280px;
    height: 220px;
    float: right; 
    right: 0px;
}
/*.thumbnailGal:hover {
    width: 380px;
    height: 340px;
    float: right; 
    right: 0px;
}*/

.imageGal {
    width: 100%;
    height: 100%;    
}

.imageGal img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    float: right; 
    right: 0px;
    border: 1px solid #ccc;
}

/*.imageGal:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}*/
/* FINISH GALLERY ZOOM */

/* BEGIN SIDEBAR CONTENT */
.aside{position: relative; width: 23%;  margin: 10px auto auto  5px; padding: 50px 10px 10px 10px; height: 100%; float: right; right: 0px; border-left: 1px solid #ccc;font-family: 'Open Sans', sans-serif; font-size: 0.9em; display: block;}
.aside img.side_icon {width: 20px; height: 25px; margin-right: 10px;  float: left;}
.aside img.side_icon_gear {width: 25px; height: 25px; margin-right: 10px;  float: left;}
.aside p {margin-bottom: 20px;}
/* FINISH SIDEBAR CONTENT */

/* BEGIN FOOTER */
footer {position: relative; text-align: center; font-size: 0.9em; margin-top: -20px; border-top: 1px solid #ccc; padding: 5px; top: -20px;}
/* FINISH FOOTER */

#bottomFloatDiv {  position: fixed;  bottom: 0px;  margin-right: auto;  margin-left: auto; height: 60px; width: 100%;opacity: 0.8; background-color: #e25a20; color: white; font-weight: bold; font-size: 1.2em; padding-left: 35px;
}
.button {
  background: #d11717 url('../../images/btn_back.jpg'); font-family: 'Open Sans', sans-serif; font-weight: 700;
  background-position: 0 100px;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 18px;
  height: 38px;
  width: auto;
  max-width: 200px;
  margin: 20px 0 0 20px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 38px;
  /*Rounded Corners*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
  color: #f0e019;
 
/*Shadow*/
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);

/*Transition*/
-webkit-transition: All 0.8s ease;
-moz-transition: All 0.8s ease;
-o-transition: All 0.8s ease;
-ms-transition: All 0.8s ease;
transition: All 0.8s ease;
}
.button:hover {
  background-position: 0 250px;
}
/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
		
}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}