/*  
Theme Name: Nicestream
Theme URI: http://nicestream.com
Description: Theme para Nicestream
Version: 1.0
Author: Leo
Author URI: http://nicestream.com
*/

*, body { margin: 0; padding: 0; }
body { background: #fff; color: #777; font: 11px/1.6em 'Lucida Grande', Verdana, sans-serif; }

p.clear { clear: both; margin: 0; padding: 0; }

a { text-decoration: none; color: #000; border-bottom: 1px #009fd2 dotted; }
a:hover { color: #009fd2; border-bottom: 1px #009fd2 solid; }

img { border: none; }
img.left { float: left; margin: 0 10px 10px 0; }
img.right { float: right; margin: 0 0 10px 10px; }
img.border { padding: 4px; border: 1px #ddd solid; }


#menu { text-align: center; letter-spacing: 1px; background: #222; padding: 5px 0; border-bottom: 5px #009fd2 solid; }
	#menu li { display: inline; padding: 0 10px; border-right: 1px #999 dotted; }
	#menu li.ultimo { border: none; }
		#menu li a { color: #ddd; border: none; }
		#menu li a:hover { color: #fff; }

#contenedor { width: 950px; margin: 50px auto 10px auto; }

#header { position: relative; }
	#header h1 { text-indent: -9999px; height: 55px; background: url(img/logo.gif) no-repeat; }
		#header h1 a { display: block; height: 55px; outline: none; border: none; }
	#header .lang { display: block; position: absolute; width: 100px; text-align: right; top: 0; right: 0; }
		#header .lang a { font: bold 10px Tahoma, sans-serif; color: #bbb; border: none; }
		#header .lang a:hover { color: #000; }

#destacado { text-indent: -9999px; margin: 50px 0; background: url(img/bg-main.gif) no-repeat; height: 300px; }

.area { width: 290px; float: left; }
.comunicacion { margin: 0 40px; }
	.area h2 { font-size: 1.1em; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 3px #ddd solid; }
	.area a { display: block; text-align: center; width: 80px; padding: 5px; margin: 15px auto 0 auto; text-transform: uppercase; color: #fff; border: none; }
	.negocios a { background: #EBA819; }
	.comunicacion a { background: #79af2b; }
	.entrenamiento a { background: #cf0c82; }
	.area a:hover { background: #009fd2; }

#pagina {}
	#pagina h2 { margin: 50px 0; font: 30px/30px sans-serif; color: #aaa; }
	#pagina h3 { font-size: 1.1em; color: #a6c67b; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 3px #ddd solid; }
	#pagina .izq { width: 460px; float: left; }
	#pagina .der { width: 460px; float: right; }
	#pagina p { margin-bottom: 20px; line-height: 1.8em; } 
	#pagina ul { padding: 0 10px; margin-bottom: 20px; list-style: none; }
		#pagina ul li { padding: 5px 0 5px 10px; background: url(img/bg-li.gif) left 10px no-repeat; }
	#pagina strong { color: #444; }
	#pagina .gente { width: 125px; padding: 10px; float: left; margin-bottom: 10px; background: #ddd; font-size: 11px; }
	#pagina .mid { margin: 0 10px 10px 10px; }
		#pagina .gente a { border: none; text-decoration: none; }
			#pagina .gente a img { display: block; width: 121px; height: 121px; background: #999; border: 2px #fff solid; }
			#pagina .gente a:hover img { border-color: #009fd2; }
			#pagina .gente a strong { displau: block; margin: 3px 0; color: #000; }
			#pagina .gente a:hover strong { color: #009fd2; }
		#pagina .gente em { font-style: normal; text-transform: uppercase; font: 9px/9px sans-serif; color: #777; }
	#pagina .servicios { background: #efefef url(img/bg-servicios-top.gif) top no-repeat; padding-top: 45px; }
		#pagina .servicio { width: auto; margin: 0 20px 20px 20px; padding: 0 0 20px 0; border-bottom: 1px #ccc dotted; }
			#pagina .servicio h4 { color: #000; }
			#pagina .servicio p { margin: 0; }
			#pagina .servicio a { display: block; width: 80px; margin: 10px auto 0 auto; padding: 2px 0; text-align: center; border: none; color: #fff; }
			#pagina .servicio a:hover { background: #009fd2; }
		#pagina .entrenamiento { background: url(img/bg-servicios-bottom.gif) bottom no-repeat; border: none; }
		
	#pagina .flickr { margin: 0 0 20px 0; }
		#pagina .flickr div { display: inline; }
			#pagina .flickr div a { border: none; }
				#pagina .flickr div a img { margin: 3px; padding: 1px; border: 4px #ddd solid; }
				#pagina .flickr div a:hover img { border-color: #009fd2; }
	
	#pagina .contacto { }
		#pagina .contacto li { padding: 5px 0 5px 80px; background: none; border-bottom: 1px #ddd solid; }
			#pagina .contacto li strong { display: block; position: absolute; float: left; width: 80px; margin-left: -80px; } 
	
#footer { margin-top: 100px; color: #aaa; text-align: center; font: 10px sans-serif; }
	#footer li { display: inline; padding: 0 5px; border-right: 1px #ccc solid; }
	#footer li.ultimo { border: none; }
		#footer li a { color: #999; border-color: #999; }
		#footer li.ultimo a { border: none; }
		#footer li img { vertical-align: middle; }

/* Tarjetas */
#tarjeta { background: #ddd; text-align: center; }
	#tarjeta div { position: absolute; left: 50%; top: 50%; width: 380px; height: 240px; padding: 10px; margin-left: -190px; margin-top: -120px; text-align: left; background: #fff; }


#persona { font: 11px/1.7em 'Lucida Grande', Verdana, sans-serif; height: 200px; }
	#persona img { float: right; padding: 1px; border: 1px #ccc solid; margin: 0 0 15px 15px; }
	#persona h2 { margin: 0; padding: 0; font: 18px Arial, sans-serif; }
	#persona h3 { font: 10px Arial, sans-serif; color: #555; margin: 0 0 10px 0; text-transform: uppercase; letter-spacing: 1px; }