/* CSS Document */
@import "reset.css";
html,body {height:100%}
body {font:normal .82em/1em Arial, Helvetica, sans-serif; background-color:#fff; height:100%}
img.bgmaximage {position:fixed !important;}
.c {text-align:center}
.r {text-align:right}
/*.cat {padding-left:25px; background:url(../images/ico_cat.jpg) no-repeat left 1px}
.esp {padding-left:25px; background:url(../images/ico_esp.jpg) no-repeat left 1px}
*/
#content .lang {float:right; margin:5px 265px 0 0; color:#fff}
#content .lang a {text-decoration:none; border:none}
#content .cat:hover, #content .esp:hover {text-decoration:underline; border:none}
	

#warp {min-height:100%}

	#header {width:1100px; height:120px; background-color:#fff}
		.logo {float:left; margin:24px 0 0 15px}
		.logo a {display:block; width:520px; height:75px; text-indent:-9999px; background:url(../images/main-logo.png) no-repeat 0 0}
		#header ul {float:right; margin:20px 0 0 0}
		#header li {float:left; padding:0 35px; font-size:12px; color:#aaa; line-height:18px}
		#header li.last {border-left:1px dotted #ddd}
		#header h2 {margin-bottom:2px; font-size:16px; color:#7ca8a8}
		#header li a {text-decoration:none; color:#7ca8a8}		
		#header li a.mail {text-decoration:none; color:#aaa}		
		#header li a:hover {text-decoration:none; color:#008b99}
		
	#main {width:1100px; height:100%; overflow:auto; padding-bottom:210px; /* must be same height as the footer */}

		#menu {float:left; width:240px; min-height:665px; background-color:#e6f0f2}
		#menu ul {margin:31px 0 0 25px}
		#menu li {margin:10px 0}
		#menu li a {text-decoration:none; color:#7ca8a8; font-size:21px}
		#menu li a.especialidades:hover {color:#7ca8a8; cursor:default}
		#menu li a.especialidades.current:hover {color:#008b99}
		#menu li a:hover {text-decoration:none; color:#008b99}
		#menu li a.current {color:#008b99}
		
		#menu ul ul {margin:10px 0 5px 15px}
		#menu ul ul li {margin:5px 0 7px 0}
		#menu ul ul li a {text-decoration:none; color:#999; font-size:19px}
		#menu ul ul li a:hover {text-decoration:none; color:#333}
		#menu ul ul li a.current{color:#111}
		
		#menu img {margin:15px 0 0 15px}


		#content {float:left; width:500px; min-height:300px; padding:25px 50px 35px 40px; color:#6f9da0; background:url(../images/bg_content.png) repeat 0 0; color:#fff}
			#content h1 {font-size:28px; margin:0 0 15px 0}
			#content h2 {font-size:20px; margin:30px 0 10px 0}
			#content h2.nocufon {font-size:16px; margin:30px 0 10px 0; line-height:1.25em}
			#content p {line-height:18px; margin:5px 0 15px 0}
			#content ul {margin:5px 0 15px 25px}
			#content li {line-height:18px; margin-bottom:5px; list-style:disc}
			#content img {margin:10px 0}
			#content p a {text-decoration:none; color:#fff; border-bottom:1px dotted #fff}
			#content p a:hover {text-decoration:none; color:#fff; border-bottom:1px solid #fff}

		.home #content, #aviso-legal #content, #avis-legal #content, #content.search, #content.contactar {width:770px}
		.home #news {float:right; width:215px; margin:-25px 0 0 45px}
		.home #news a { text-decoration:none; color:#fff; border:none}
		.home #news a:hover { text-decoration:underline; color:#fff; border:none}

		#content.equipo, #content.equip {background-color:#fff; background-image:none; min-height:370px}
			#content.equipo h1, #content.equip h1 {font-size:24px; color:#7ca8a8; margin-bottom:-5px}
			#content.equipo p, #content.equip p {color:#333}
			#content.equipo em, #content.equip em {color:#999; font-style:normal}

			#content .posts-nav {margin-top:30px; text-align:right}
			#content .posts-nav a {text-decoration:none}
			#content .posts-nav a:hover {color:#fff; text-decoration:underline;}

			#map {width:510px; height:310px; margin:15px 0 25px 0}
			
			#frmCita table {margin-bottom:10px}
			#frmCita table td {padding-right:35px}
			#frmCita label {margin:10px 0 3px 0; display:block}
			#frmCita input {width:200px; margin:5px 0 8px 0; border:1px solid #e0e0e0; padding:0 5px; height:30px}
			#frmCita input.radio {width:16px; border:none; padding:0; margin:0; height:16px}
			#frmCita textarea {overflow:auto; width:480px; height:100px; border:1px solid #e0e0e0; padding:5px}
			#frmCita input, #frmCita textarea {font:normal 100% Arial, Helvetica, sans-serif}
			#frmCita textarea {margin-top:5px; padding:5px; overflow:auto }
			#frmCita .active {border:1px solid #333}
			#frmCita p {margin:15px 10px 0 0}
			#frmCita p.horari {margin:15px 10px 0 20px}
			#frmCita .button {width:75px; height:30px; border:1px solid #e0e0e0; background-color:#fff; color:#333; padding:0; margin-top:10px}

		
		
		#right {float:right; width:270px; min-height:240px; padding-bottom:25px; background-color:#f3f3f3; color:#555}
			#right img {margin-bottom:15px}
			#right h2 {font-size:19px; margin:32px 25px 10px 24px}
			#right p {line-height:16px; margin:5px 30px 15px 25px}
			#right a {text-decoration:none; color:#555}
			#right a:hover {text-decoration:underline; color:#333}
			#right a.current {text-decoration:none; color:#111; font-weight:bold; cursor:default}

			#right strong {color:#777}
			
			#right ul {margin:15px 10px 20px 40px}
			#right li {line-height:14px; margin-bottom:7px; list-style:circle}
			
			

#footer {clear:both; position:relative; width:100%; margin-top:-210px; /*negative value of footer height*/ height:210px; background-color:#333; color:#777}
	#footer a {color:#777; text-decoration:none}
	#footer a:hover {color:#fff; text-decoration:underline}
	#footer input, #footer textarea {width:140px; background-color:#555; color:#777; height:22px; padding:3px 4px 2px 4px; border:1px solid #555}
	#footer textarea {padding:4px; font:normal 12px Arial, Helvetica, sans-serif}
	#footer .active {border:1px solid #777; color:#fff}
	
	#contact {float:left; width:360px; margin:20px 0 0 20px}
	#contact form {margin-top:15px}
	#contact td {vertical-align:top; padding-right:20px}
	#contact input {margin-bottom:5px}
	#contact textarea {height:86px; margin-bottom:5px; overflow:auto}
	#contact.active {border:none} 
	#contact.active input, #contact.active textarea { background-color:#ccc; color:#333} 
	#contact input.button {height:29px; width:80px; margin-left:70px; padding-bottom:4px}

	#info {float:left; width:200px; margin:20px 0 0 15px}
	#info p {margin-bottom:12px; line-height:16px}

	#rotator {position:relative; float:left; width:180px; margin:20px 50px 0 0;}
	#rotator ul {margin:0 0 0 20px; padding:0}
	#rotator ul li {float:left; position:absolute; list-style:none}
	#rotator ul li.show {z-index:500}	
	
	#search {float:left; width:230px; margin:20px 0 0 35px}
	#search p {margin-left:40px}
	#searchform input {margin:15px 0 15px 40px}
	#searchform input.button {height:29px; width:29px; padding:0; margin:1px 0 0 5px; cursor:pointer}

	#search p.tech {text-align:right; margin:10px 0 0 0; color:#4d4d4d; line-height:22px}
	#search .tech a {color:#4d4d4d}
	#search .tech a:hover {color:#fff; text-decoration:underline}

	

/*
* jquery nivo slider v2.0
* http://nivo.dev7studios.com
*
* copyright 2010,gilbert pellegrom
* free to use and abuse under the mit license.
* http://www.opensource.org/licenses/mit-license.php
* march 2010
*/

#slider {height:285px; margin-bottom:50px; width:510px}
#slider a {/*display:block*/}
#slider img {position:absolute; top:0px; left:0px; display:none}

.nivoslider {position:relative}
.nivoslider img {left:0; position:absolute; top:0; display:none}
.nivoslider a.nivo-imagelink {border:0; display:none; height:100%; left:0; margin:0; padding:0; position:absolute; top:0; width:100%; z-index:60}
.nivo-slice {display:block; height:100%; position:absolute; z-index:50}

.nivo-caption {background:#000 url(../images/nivo-caption-bg.png) repeat 0 0; bottom:0; color:#fff; left:0; position:absolute; width:100%; z-index:89}
.nivo-caption p {margin:0; padding:5px 10px 2px 10px}
.nivo-caption a {text-decoration:none; color:#fff; font-weight:bold}
.nivo-caption a:hover {text-decoration:none}

.nivo-directionNav a {position:absolute; top:40%; z-index:99; cursor:pointer; display:block; width:30px; height:50px; background:url(../images/slider_arrows.png) no-repeat; text-indent:-9999px; border:0}
a.nivo-nextNav {background-position:-30px center; right:15px}
a.nivo-prevNav {left:13px}

.nivo-controlNav {position:absolute; bottom:-25px; left:40%}
.nivo-controlNav a {cursor:pointer; display:block; width:15px; height:20px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; margin-right:3px; float:left; border:none}
.nivo-controlNav a.active {background-position:-20px 0}