/**************************************************************
Rev:     v3
Date:    March 2009
The design created by this stylesheet and associated images 
are copyright Spain Tennis Academy S.L. All rights reserved. 
No portion of this website may be reproduced without  
explicit permission.
**************************************************************/

/* Reset */

* {
margin: 0;
padding: 0;
}

/* Clearfix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/

.clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/* End hide from IE-mac */

/* Structure */

body {
font: 100%/1.250em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: #5f6062;
background: #fff;
}

#container {
width: 960px;
margin: 1em auto;
padding: 0;
background: #fff;
}

#header {
margin: 0;
padding-bottom: 1em;
background: transparent url(/images/117.png) no-repeat 800px 30px;
}

#menu {
margin: 0;
background: transparent;
text-align: right;
}

#content {
margin: 0;
width: 960px;
background: #fff;
}

/* hack for min-height */

#content {
min-height: 400px;
height: auto !important;
height: 400px;
}

/* Typography */

p {
font-size: 0.875em;
line-height: 1.4em;
text-align: justify;
margin: 0.5em 0;
padding: 0.5em 0;
}

.post p {
line-height: 2em;
}

.title p {
margin-top: 1em;
}

.files p {
padding: 0;
font-size: 0.8125em;
}



h1 {
font-weight: normal;
font-size: 1.250em;
line-height: 2em;
}

h2 {
font-weight: normal;
font-size: 1.5em;
line-height: 1.5em;
padding: 0;
color: #53301A;
}

h3 {
font-weight: bold;
font-size: 0.8125em;
padding-left: 0.5em;
}

dl {
}

dt {
font-weight: normal;
font-size: 0.875em;
margin: 0.5em 0;
color: #7b4520;
}

dd, dd p {
margin: 0;
padding: 0;
}

dd p {
margin: 0.5em 0.5em 0.5em 1em;
}

/* Links */

a {
color: #f26631;
text-decoration: none;
}

a:hover, a.active {
color: #262626;
}

#menu a {
padding: 2px;
}

#menu a.active, #menu a:hover {
color: #fff;
background: #f26631;
text-decoration: none;
}

#content p a {
text-decoration: none;
}

#content p a:hover {
text-decoration: none;
}

#content p.posted a {
text-transform: none;
text-decoration: none;
}

/* Images */

img {
border: 0;
text-decoration: none;
}

img.left, img.right {
padding: 4px;
border: 1px solid #e6e6e6;
}

img.left {
float: left;
margin: 0 5px 5px 0;
padding-left: 0;
border: 0;
}

img.right {
float: right;
margin: 0 0 5px 12px;
border: 0;
}

img.center {
display: block;
margin: 5px auto 5px 0;
padding: 0;
}

.article-image {
text-align: center;
}

/* Lists */

ol, ul, blockquote {
margin: 1em 0 1em 2em;
}

blockquote, li {
text-align: left;
padding: 0;
margin-top: 1em;
margin-bottom: 1em;

}

ol li {
list-style: decimal;
list-style-position: outside;
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 0.875em;
}

ul li {
list-style: none;
margin-top: 0;
margin-bottom: 1em;
}

ul.section_list {
margin: 0;
}

ul.section_list li {
list-style-type: none;
display: inline;
text-transform: uppercase;
font-size: 0.75em;
padding-right: 0.5em;
}

ul.category_list, ul.news_list {
margin: 0;
padding: 0 0 1em 0;
}

ul.bullets {
padding: 0;
margin-bottom: 1em;
margin: 0 1em 1em 2em;
}

ul.bullets li {
list-style-type: none;
background: url(/images/133.gif) no-repeat 0 50%;
padding-left: 20px;
font-size: 0.875em;
}

ul.category_list li {
list-style-type: none;
display: inline;
font-size: 0.75em;
text-transform: uppercase;
margin: 0 0.5em 0.5em 0;
padding: 0;
}

ul.category_list li a {
padding: 2px;
}

ul.category_list li.active a, ul.category_list li a:hover {
color: #fff;
background: #f26631;
}

ul.category_list li.active a {
color: #fff;
background: #f26631;
}

ul.news_list li {
list-style-type: none;
display: inline;
font-size: 0.75em;
text-transform: uppercase;
margin: 0 0.5em 0.5em 0;
padding: 0;
}

ul.news_list li a {
padding: 2px;
}

ul.news_list li a.active, ul.news_list li a:hover {
color: #fff;
background: #f26631;
}

ul.news_list li a.active {
color: #fff;
background: #f26631;
}

ul.video_list {
margin: 0 0 1em 0;
}

ul.video_list li {
list-style-type: none;
font-size: 0.75em;
margin: 0 20px 20px 0;
padding: 0;
width: 200px;
height: 200px;
float: left;
background: url(http://localhost:8888/images/128.png) no-repeat 0 0;
}

/* Forms and ZCR */

fieldset {
border: 0 none;
background: #eee;
padding-left: 5px;
}

fieldset legend {
display: none;
}

form {

}

input, textarea, select {
border: 1px solid #ccc;
background: #fff;
margin: 0;
padding: 0.5em;
font-size: 0.875em;
}

input.zemSubmit {
background: #fff;
width: 200px;
}

ul.zemError {
margin: 0;
margin-bottom: 2em;
}

ul.zemError li {
margin: 5px 0;
padding: 1em;
padding-left: 40px;
background: red;
color: #fff;
list-style-type: decimal;
list-style-position: inside;
}

input.zemRequirederrorElement, select.zemRequirederrorElement,textarea.zemRequirederrorElement {
background: #fff;
border: 1px solid red;
}

#Name, #Email, #Message {
width: 300px;
}

/* Prev Next */

#prevnext {
margin: 1em 0 1em 0;
}

#prev {

}

#next {

}

#prevnext a {
display: inline;
padding: 2px;
margin-right: 1em;
font-size: 0.75em;
text-transform: uppercase;
}

#prevnext a, #prevnext a:link, #prevnext a:visited, #prevnext a:active {
text-decoration: none;
}

#prevnext a:hover {
text-decoration: none;
color: #fff;
background: #f26631;
}

/* Widths and floats */

.width12 {
width: 140px;
}

.width25 {
width: 200px;
}

.width33 {
width: 300px;
}

.width40 {
width: 400px;
}

.width50 {
width: 400px;
}

.width66 {
width: 640px;
}

.width75 {
width: 650px;
}

.width100 {
width: 960px;
}

.right {
float: right;
}

.left {
float: left;
}

.clear {
clear: both;
}

/* Heights */

.height120 {
height: 120px;
}

.height180 {
height: 180px;
background: #ccc;
}

.height250 {
height: 250px;
}

.height300 {
height: 300px;
}

/* Miscellaneous */

.files {background: #eee; padding: 5px 10px;}

.title {
margin-bottom: 4em;
}

.bold {
font-weight: bold;
}

.textcenter {
text-align: center;
}

.textright {
text-align: right;
}

.posted {
margin-top: 1.5em;
padding-top: 0.5em;
text-transform: uppercase;
color: #555;
}

.post {
border-bottom: 1px solid #555;
margin-bottom: 1em;
padding-bottom: 1em;
}

.small {
font-size: 0.750em;
text-transform: uppercase;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 1px solid #ccc;
}

.border {
margin: 0;
padding: 1em 0 1em 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.border-top {
margin: 0;
padding: 1em 0;
border-top: 1px solid #ccc;
}

.padding20 {
padding: 20px;
}

.margin30 {
margin-right: 30px;
}

.margin20 {
margin: 0 20px 20px 0;
padding: 0;
}

object {

}

/* Tooltip */

#tooltip {
font-size: 0.75em;
position: absolute;
text-transform: uppercase;
	background: #f26631;
padding: 2px 5px;
color: #fff;
display: none;
}