/* spaced - a free web template by spyka webmaster
   http://www.spyka.net
*/

/* page */
html, * {
	padding:0;
	margin:0;
}
body {
	background-color:#ffffff;
	margin:0 auto;
	font-size:1.0em;
	color:#303030;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a img {border: none; }

/* headers */
h1 {
	font-size:3.4em;
	text-align:left;
	padding-top:20px;
	padding-left:30px;
	color:#ffffff;
	letter-spacing:3px;
	font-weight:normal;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7491A1;
}
h3 {
	font-size:1.3em;
	font-weight:normal;
	color:#333333;
	border-bottom:1px solid #DDDDDD;
}
h4 {
	background-color:#DDDDDD;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	color:#999999;
}

/* paragraphs */
p {
	margin:2px 0 15px 0;
	line-height:1.3em;
}

/* logos */

div#logoonetoone {
	background-image:url('images/fisio_onetoone_logo.png');
	background-repeat:no-repeat;
	background-position:center right;
	background-color:#fff6f1;
	height:160px;
	padding:0px;
}

/* links */
a {
	color:#333333;
	/*border-bottom:1px dotted #333333;*/
	text-decoration:none;
}
a:hover {
	color:#7491A1;
	background-image:url('images/navbgfisio_selected.png');
	border-bottom:1px solid #7491A1;
}
a.gold {
  font-style: normal;
  line-height: normal;
  text-decoration: none;
  color : rgb(195,157,13);
}
a.gold:hover {
  font-style: normal;
  line-height: normal;
  background-image:none;
  text-decoration: none;
}
div#footer a {
	color:#fe5b00;
	text-decoration:underline;
	border:none;
}
div#footer a:hover {
	border:none;
}
div#sidebar ul li a { 
	color:#999999;
	border-bottom:1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
div#sidebar ul li a:hover {
	background-color:#DDDDDD;
}
div#tendenciaright a img {
	color:#fe5b00;
	text-decoration:underline;
	border:none;
}

/* lists */
ul, ol {
	margin:0 0 5px 30px;
	list-style-image: url('images/dot_orange.png');
  	list-style-type: none;
}

/* code */
code {
	display:block;
	border:1px solid #cccccc;
	background-color:#dddddd;
	padding:15px;
	margin:5px;
}
	
/* container, header and nav */
div#container {
	background-color:#fff6f1;
	width:1010px;
	padding:0 0px;
	margin:0 auto;
	z-index:-100;
}
div#containercontact {
	background-color:#f3e2a7;
	width:1010px;
	padding:0 0px;
	margin:0 auto;
	z-index:-100;
}
div#containerblue {
	background-color:#d9def1;
	width:1010px;
	padding:0 0px;
	margin:0 auto;
}
div#containernosotros {
	background-color:#f5c982;
	width:1010px;
	padding:0 0px;
	margin:0 auto;
}
div#containersoluciones {
	background-color:#bdd1f0;
	width:1010px;
	padding:0 0px;
	margin:0 auto;
}
div#containertratamientos {
	background-color:#f3dddc;
	width:1010px;
	padding:0 0px;
	margin:0 auto;
}
div#header {
	background-image:url('images/fisiocabecera.png');
	background-repeat:no-repeat;
	background-position:center left;
	background-color:#fff6f1;
	height:95px;
	padding:0px;
}
div#header p {
	text-align:left;
	padding:0 0 0 30px;
	margin:0;
	font-size:0.8em;
	color:#ffffff;
}
div#nav {
	background-image:url('images/navbgfisio.png');
	background-repeat:repeat-x;
	height:21px;
}
div#nav a.selected {
	color:#003c7b;
}
div#nav ul {
	margin:0;
	padding:0;
	padding-left:30px;
}
div#nav ul li {
	display:block;
	float:left;
}
div#nav ul li a {
	float:left;
	border:none;
	padding:0px 5px 0px 5px;
	height:21px;
	letter-spacing:0px;
	border-right:0px solid #999999;
	background-image:url('images/navbgfisio.png');
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
div#nav ul li a:hover {
	/*background-color:#ff5b00;*/
	background-image:url('images/navbgfisio_selected.png');
}

/* degradado de nav */
div#navbottom {
	background-image:url('images/degradado_navbg.png');
	background-repeat:repeat-x;
	height:111px;
}
div#navbottom img {
	padding:0px 0px 0px 0px;
}
div#navbottom img.space {
	padding-left:27px;
}
div#navbottom img.home {
	padding-right:8px;
}
div#navbottom img.tendencia {
	padding-right:5px;
}
div#navbottom img.soluciones {
	padding-right:6px;
}
div#navbottom img.onetoone {
	padding-right:5px;
}
div#navbottom img.nosotros {
	padding-right:3px;
}
div#navbottom img.contacto {
	padding-right:5px;
}
div#navbottom img.empresa {
	padding-right:150px;
}
div#navbottom img.asociacion {
	padding-right:0px;
	padding-bottom:25px;
}
div#navbottomblue {
	background-image:url('images/degradado_navbg_blue.png');
	background-repeat:repeat-x;
	height:8px;
}
div#navbgtrans {
	background-image:url('images/navbgtrans.png');
	background-repeat:repeat-x;
	height:8px;
}

/* content */
div#content {
	padding:20px 30px 0 30px;
	position:relative;
	z-index:0;
}
div#texto {
	width:70%;
	float:right;
}
div#texto p {
	padding:3px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:justify;
	color:#00219f;
}
div#texto img {
	float:right;
}
div#texto2 {
	width:95%;
	float:right;
}
div#texto2 p {
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height: 150%;
	text-align:right;
	color:#00219f;
}
div#texto3 {
	width:95%;
	float:right;
}
div#texto3 p {
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:justify;
	color:#00219f;
}
div#texto3 img {
	float:right;
}
div#tratamientoright {
	position:relative;
	width:25%;
	float:right;
}
div#tratamientoright img:hover {
	color:#7491A1;
	background-image:url('images/navbgfisio_selected.png');
	border-bottom:1px solid #7491A1;
	cursor: pointer;
}
div#tratamientoright img.menu:hover {
	color:#7491A1;
	background-image:none;
	border-bottom:0px solid #7491A1;
	cursor: default;
}
div#menuleft {
	background-image:url('images/tratamientos_bar.png');
	background-repeat:no-repeat;
	background-position:center left;
	background-color:#f3dddc;
	padding:0px;
}
div#menuleft p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	color:#ff5c01;
}
div#menuleftcontact {
	background-image:url('images/tratamientos_bar.png');
	background-repeat:no-repeat;
	background-position:center left;
	background-color:#f3e2a7;
	padding:0px;
}
div#menuleftcontact p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	color:#ff5c01;
}


div#tratamientoleft {
	width:75%;
	float:left;
}
div#tratamientoleft p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:right;
	margin:2px 30px 15px 0;
	color:#00219f;
	z-index:100;
}
div#tratamientoleft2 {
	width:75%;
	float:left;
}
div#tratamientoleft2 p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:right;
	margin:2px 30px 15px 0;
	color:#00219f;
	z-index:100;
}
div#tratamientoleft img {
	position:absolute;
	float:left;
	bottom:1px;
	left:130px;
}
div#tratamientosenior {
	width:75%;
	float:left;
}
div#tratamientosenior p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:right;
	line-height:150%;
	color:#00219f;
	z-index:100;
	padding-right:20px;
}
div#contacto {
	width:70%;
	float:left;
}
div#contacto p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:right;
	color:#00219f;
	z-index:100;
	line-height:160%;
	padding-right:20px;
}
div#contacto td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:right;
	color:#00219f;
}
div#contacto ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:right;
	color:#00219f;
	z-index:100;
	padding-right:20px;
}
div#contacto h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	text-align:right;
	color:#00219f;
	z-index:100;
	padding-right:20px;
}
div#contacto2 {
	width:70%;
	float:left;
}
div#contacto2 p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	color:#00219f;
	z-index:100;
	line-height:160%;
	padding-right:20px;
}
div#contacto2 ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	color:#00219f;
	z-index:100;
	padding-right:20px;
	line-height:160%;
}

div#nosotros {
	width:100%;
}
div#nosotros p {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10pt;
        text-align:justify;
        color:#00219f;
        z-index:100;
        padding-left:20px;
	line-height:150%;
}
div#nosotros ul li {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10pt;
        text-align:left;
        color:#00219f;
        z-index:100;
        padding-right:20px;
	line-height:150%;
}
div#tratamientodeportivo {
	width:75%;
	float:left;
}
div#tratamientodeportivo p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:right;
	line-height:170%;
	color:#00219f;
	z-index:100;
	padding-right:40px;
	margin:20px 0 15px 250px;
}
div#tratamientovida {
	width:75%;
	float:left;
}
div#tratamientovida p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:right;
	color:#00219f;
	margin:2px 30px 15px 0;
	z-index:100;
	padding-right:20px;
}
div#tratamientovida img {
	float: left;
}
div#tratamientooper {
	width:75%;
	float:left;
}
div#tratamientooper p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	line-height:150%;
	color:#00219f;
	z-index:100;
	padding-right:20px;
}
div#tratamientooper ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#00219f;
	z-index:100;
	padding-right:20px;
	line-height:160%;
}
div#tratamientooper img {
	float: left;
}

div#tratamientobanner img {
	position: absolute;
	top:20px;
	left:30px;
	z-index:-1;
}
div#tratamientoseniormanos img {
	position: absolute;
	left:0px;
	bottom:100px;
	z-index:0;
}
div#tratamientos img {
	position: absolute;
	left:0px;
	bottom:2px;
	z-index:-1;
}
div#contactoplano img {
	position: absolute;
	left:0px;
	bottom:3px;
	z-index:-2;
}
div#tratamientodeportivocuerpo img {
	position: absolute;
	left:40px;
	bottom:0px;
	z-index:-1;
}
div#tratamientovidadiariabig img {
	position: absolute;
	left:350px;
	width:250px;
	bottom:20px;
	z-index:-1;
}
div#tratamientolaboralbig img {
	position: absolute;
	left:25px;
	bottom:25px;
	z-index:-1;
}
div#tratamientooperatoriobig img {
	position: absolute;
	right:270px;
	bottom:2px;
	z-index:-1;
}
div#tendenciaright {
	width:50%;
	float:right;
}
div#tendenciaright img {
	float:left;
}
div#tendencialeft {
	position:relative;
	width:50%;
	float:left;
}
div#tendencialeft img {
	float:left;
}
div#tendenciacenter {
	position:absolute;
	top:100px;
	right:0;
	width:250px;
}
div#tendenciapopupdeportiva {
	position:absolute;
	background-color:#ff5c01;
	border:3px solid #000000;
	top:50px;
	right:50px;
	left:50px;
	/*display: none;*/
}
div#tendenciapopupdeportiva p {
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:3px 5px;
}
div#tendenciapopuperamoderna {
	position:absolute;
	background-color:#ff5c01;
	border:3px solid #000000;
	top:50px;
	right:50px;
	left:50px;
	/*display: none;*/
}
div#tendenciapopuperamoderna p {
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:3px 5px;
}
div#tendenciapopupsenior {
	position:absolute;
	background-color:#ff5c01;
	border:3px solid #000000;
	top:50px;
	right:50px;
	left:50px;
	/*display: none;*/
}
div#tendenciapopupsenior p {
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:3px 5px;
}
div#logoizq {
	width:15%;
	float:left;
}
div#page {
	width:67%;
	float:left;
}
div#sidebar {
	width:28%;
	float:right;
}
div#sidebar p {
	padding:3px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#sidebar ul {
	list-style:none;
	margin:7px 12px;
}
div#sidebar ul li {
	padding:3px 0;
}

/* footer */
div#footer {
	padding:20px 30px 20px 30px;
	background-color:#fff6f1;
	color:#fe5b00;
}
div#footer p {
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:5px;
}

div#footertratamientos {
	padding:20px 30px 20px 30px;
	background-color:#f3dddc;
	color:#ff5c00;
}
div#footertratamientos p {
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

div#footerblue {
	padding:20px 30px 20px 30px;
	background-color:#d9def1;
	color:#fe5b00;
}
div#footerblue p {
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
div#footercontact {
	padding:20px 30px 20px 30px;
	background-color:#f3e2a7;
	color:#fe5b00;
}
div#footercontact p {
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:5px;
}

div#footersoluciones {
	padding:20px 30px 20px 30px;
	background-color:#bdd1f0;
	color:#fe5b00;
}
div#footersoluciones p {
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:5px;
}
div#footernosotros {
	padding:20px 30px 20px 30px;
	background-color:#f5c982;
	color:#fe5b00;
}
div#footernosotros p {
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:5px;
}

/* linea de footer */
div#footerline {
	background-image:url('images/footer_line.png');
	background-repeat:repeat-x;
	height:2px;
}

/* generic classes */
.bold {
	font-weight:bold;
}
.clear {
	clear:both;
}

/* Check
----------*/

#form1 {

	width: 400px;
	margin: auto;
}

.input-box {

	margin-bottom: 15px;
}

	.input-box label {
	
		display: block;
		font-size: 12px;
		margin-bottom: 2px;
		color: #333;
	}
	
		.input-box.invalid label {
		
			color: red;
			font-weight: bold;
		}
	
	.input-box input[type=text], .input-box textarea {
	
		width: 350px;
		padding: 5px 5px;
		font-size: 16px;
		background-color: #fff;
		border: none;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	}
	
		.input-box.invalid input[type=text], .input-box.invalid textarea {
		
			-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
			-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
			box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		}
	
	.input-box .check {
	
		display: none;
		width: 20px;
		height: 17px;
		margin-top: 8px;
		float: right;
	}
	
		.input-box.invalid .check {
		
			display: block;
			background-image: url(images/invalid.png);
			background-repeat: no-repeat;
		}
		
		.input-box.valid .check {
		
			display: block;
			background-image: url(images/valid.png);
			background-repeat: no-repeat;
		}
	
	.input-box .error {
	
		display: none;
		font-size: 11px;
		font-style: italic;
		color: #444;
		margin-top: 2px;
	}
	
		.input-box.invalid .error {
		
			display: block;
		}

	.input-box input[type=submit] {
	
		padding: 5px 10px;
		font-size: 16px;
		background-color: #fff;
		border: none;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	}
	
	.input-box input[type=submit]:hover {
	
		-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .4 );
		-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .4 );
		box-shadow: 0 0 5px rgba( 0, 0, 0, .4 );
		cursor: pointer;
	}