/*************
Author: Javier E. Errecarte
Contact: javier@akilesmedia.com
Works: http://www.linkedin.com/in/ejavier
*************/

* { padding:0; margin:0; border:none; }
*:focus { outline:none; }
body { background:url(img/bg.gif) center; font:normal 12px Arial; color:#333; }
li, #body .right #ayudame #suma ul, #body .right #ayudame #suma li { list-style:none; padding:0; }
h2 { padding-bottom:20px; }
p { margin-bottom:10px; }
input, textarea { border:dotted 1px #999; }
.clear { clear:both; }
.content { width: 988px; margin:0 auto; }
a, a:visited { color:#af410a; text-decoration:none; }
a:hover, #body .left .difundir .tag a:hover { color:#088d9c; }
.submenu a, .submenu a:visited { color:#fff; }
.submenu a:hover { color:#fff8c7; }
#videos .tab_container, #videos .galery li a:hover, #videos .galery li.active a, #comparte .difundir .redes, #ayudame .enviado, #pistas .form { border-radius:3px;	-moz-border-radius:3px;	-webkit-border-radius:3px; }
/**/
#header .content .left, #body .left .video a, .difundir li a { text-indent:-90000px; }
#presentacion .menu li.historia a,
#videos .menu li.historia a,
#lee .menu li.historia a { background:url(img/ss.jpg) no-repeat 0 0; }
#pistas .menu li.pistas a { background:url(img/ss.jpg) no-repeat -112px 0; }
#ayudame .menu li.ayudame a { background:url(img/ss.jpg) no-repeat -301px 0; }
#videos .menu li.historia a, #lee .menu li.historia a, #pistas .menu li.pistas a, #ayudame .menu li.ayudame a, #seguime .menu li.seguime a { color:#088d9c; }

#presentacion .submenu li.presentacion a, #lee .submenu li.lee a,#videos .submenu li.videos a {
	font-weight:bold; background:url(img/submenu-active1.jpg) no-repeat bottom center; }
#pistas.la-partera .submenu .partera a, #pistas.madrina .submenu .madrina a, #pistas.madrastra .submenu .madrastra a, #pistas.padrastro .submenu .padrastro a {
	font-weight:bold; background:url(img/submenu-active2.jpg) no-repeat bottom center; }
/**/
#header a.logo { display:block; height:40px; left:15px; position:absolute; top:8px; width:250px; }
#header { height:100px; background:url(img/header-bg.gif) repeat-x top; }
#header .content { position:relative; }
#header .content .left { background:url(img/left.jpg) no-repeat 0 0; width:387px; height:100px; float:left; }
#header a { display:block; }
#header ul { display:block; width:600px; position:absolute; }
#header li { float:left; }
#header ul.menu { height:66px; top:0; left:387px; }
#header ul.menu a { font-size:15px; font-weight:bold; padding:24px 15px; text-shadow:1px 1px 0 #FFFFFF; }
#header ul.submenu { top:66px; left:387px; }
#header ul.submenu a { padding:9px 15px 7px; }
#header ul.menu li.seguime { padding-left:15px; }
#header ul.menu li.seguime a { background:url(img/ss.jpg) no-repeat -414px 0 ; line-height:13px; padding:20px 15px 15px 45px; }
/**/
#body { background:url(img/body-bg.jpg) repeat-x top;  }
#body .content { position:relative; }
#body .left { position:absolute; z-index:1; left:0; top:0; background:url(img/left.jpg) no-repeat 0 -100px; width:387px; }
#body .left, #body .left .cont { height:470px; }
#body .left .cont { position:relative; }
#body .left .cont .txt {
	color:#007784;
	font-family:"Times New Roman";
	font-size:20px;
	left:44px;
	line-height:19px;
	position:absolute;
	text-shadow:1px 1px 0 #FFFFFF;
	top:-27px;
	width:300px;
}
#body .left .cont .txt b { font-size:23px; }
#body .left .como-ayudar { position:absolute;	width:213px; height:75px;	left: 45px;	top: 100px; font-weight:bold; }
#body .left .como-ayudar li { padding-bottom:5px; }
#body .left .video, #body .left .video a { display:block; width:205px; height:158px; }
#body .left .video { position:absolute;	background: url(img/ss.jpg) repeat scroll 0 -75px;	left: 90px;	top: 192px; }
#body .left .video a:hover { background: url(img/ss.jpg) repeat scroll -207px -75px; }
#body .left .difundir { position:absolute; bottom:0; left:80px; width:210px; height:85px; }
#body .left .difundir .tit { text-align:center; color:#007784; font-family:"Times New Roman"; text-shadow:1px 1px 0 #eee; font-size:16px; padding-bottom:5px; }
.difundir ul { display:block; height:25px; margin:0 auto; }
.difundir li { margin-right:5px; float:left; }
.difundir li, .difundir li a { display:block; width:25px; height:25px; }
.difundir li.mail a { background:url(img/ss.jpg) 0 -288px; }
.difundir li.twitter a { background:url(img/ss.jpg) -30px -288px; }
.difundir li.facebook a { background:url(img/ss.jpg) -60px -288px; }
.difundir li.myspace a { background:url(img/ss.jpg) -90px -288px; }
.difundir li.linkedin a { background:url(img/ss.jpg) -120px -288px; }
.difundir li.delicious a { background:url(img/ss.jpg) -150px -288px; }
.difundir li.google a { background:url(img/ss.jpg) -180px -288px; }
.difundir li.mail a:hover { background:url(img/ss.jpg) -208px -288px; }
.difundir li.twitter a:hover { background:url(img/ss.jpg) -238px -288px; }
.difundir li.facebook a:hover { background:url(img/ss.jpg) -268px -288px; }
.difundir li.myspace a:hover { background:url(img/ss.jpg) -298px -288px; }
.difundir li.linkedin a:hover { background:url(img/ss.jpg) -328px -288px; }
.difundir li.delicious a:hover { background:url(img/ss.jpg) -358px -288px; }
.difundir li.google a:hover { background:url(img/ss.jpg) -388px -288px; }
.difundir .tag { margin-top:10px; padding-left:40px; height:25px; background:url(img/ico-tt.gif) no-repeat left; }
.difundir .tag a { display:block; padding:2px; font-size:17px; color:#5b5b5b; text-shadow:1px 1px 0 #ddd; }

#comparte { padding:60px 30px 0; }
#comparte .difundir .redes { background:#c9c9c9; padding:5px; }
#comparte .difundir .redes ul { width:330px; margin:0 auto; }
#comparte .difundir .redes li { width:50px; }
#comparte .difundir li.mail { display:none; }

#body .right { position:relative; width:623px; min-height:470px; float:right; background:#fff url(img/content-c2.jpg) no-repeat right bottom; }
#body .right .txt ul { padding-left:15px; }
#body .right .txt li { list-style:circle; padding-bottom:5px; }
#body .right .top { background:url(img/content-top.gif) repeat-x; height:25px; }
#body .right .c { background:url(img/content-c1.gif) no-repeat left bottom; padding:0 20px 30px 45px; min-height:415px; }
#body .right .txt.partera .col1, #body .right .txt.partera .col2 { float:left; }
#body .right .txt.partera .col1 { width:185px; }
#body .right .txt.partera .col2 { width:360px; }
#body .right .txt.partera .col1 a { display:block; width:168px; }
#body .right .txt.partera .col1 img { border:solid 1px #666; }
#body .right .txt.partera .col1 span { display:block; text-align:center; }
#body .right #btn-ayudame { margin: 20px auto; }
#body .right #btn-ayudame a { display:block; background:url(img/ss.jpg) -5px -239px; height:39px; text-indent:-90000px; }
#body .right #btn-ayudame, #body .right #btn-ayudame a { width:199px; }
#body .right #btn-ayudame a:hover { background:url(img/ss.jpg) -209px -239px; }

#pistas .form { padding:20px 0 20px 135px; background:#eee; }

#videos h2 { padding-bottom:5px; }
#videos .tab_container { padding:5px; border:solid 1px #999;  }
#videos .galery { display:block; padding:20px 0 0; }
#videos .galery li { float:left; margin-right:1px; width:110px; }
#videos .galery li a { display:block; padding:10px 14px; font-size:11px; line-height:11px; }
#videos .galery li a:hover, #videos .galery li.active a { background:#007784; color:#FFF; }
#videos .galery li a img { margin:3px auto; }
#videos .galery li a span { display:block; text-align:center; }

#ayudame dl { display:block; width:280px; height:30px; margin-bottom:20px; }
#ayudame dt, #ayudame dd { float:left; }
#ayudame dt { width:80px; }
#ayudame dd { width:200px; }
#ayudame label { display:block; padding-top:5px; }
#ayudame textarea { height:80px; }
#ayudame textarea, #ayudame input { width:300px; padding:3px; }
#ayudame input.enviar, #submit { border:solid 1px #333; background:#9a3300; color:#FFF; font-weight:bold; width:80px; }
#ayudame .enviado { background:#9A3300; padding:5px; color:#FFF; font-weight:bold; }

/**/
#footer { clear:both; height:30px; }