/*

Styles for Usted Marca OLPC XO
by Marcos Orfila
http://www.marcosorfila.com/en


This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.


*/


body {
	background: #f7f7f7 url('http://ustedes.net/ustedmarcaxo/img/ustedmarcaxo_fondo.jpg') ;
	background-repeat: yes;
	border-top: 10px dashed #fff;
	color: #191919;
	font: 10px "Lucida Grande", Lucida, Calibri, Helvetica, Arial, sans-serif;
	margin: 0;
	text-align:left;
}
::-moz-selection{
     background:#fc0; /* Firefox */
     color:#191919;
}

::selection {
     background:#fc0; /* Safari */
     color:#191919;
}

a {
	color: #191919;
	border: none;
}

a img {
	color: #191919;
	border: none;
}

a:visited {
	color: #191919;
	border: none;
}

a:hover {
	color: #fc0;
}

h1 {
	font:"Lucida Grande", Lucida, Calibri, Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight:bold;
	color: #191919;
	margin: -15px 0 2px 0;
	padding-bottom: 7px;
	padding-top: 5px;
}

h2 {
	font:"Lucida Grande", Lucida, Calibri, Helvetica, Arial, sans-serif;
	font-size: 75%;
	color: #fc0;
	letter-spacing: 0.1em;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
	padding-top: 5px;
}

h3 {
	color: #F7F7F7;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3.5em;
	margin-top: 0;
}

.image_info {
    display:block;
    font-size:10px;
    color:#999;
    border:0px;
    }

.wrapper {
    margin:0px auto;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    width:700px;
    border: 0px solid #000;
    text-align:left;
}
.show_title a {
    font-size:12px;
    text-decoration:none;
    color:#999;
}
.image_info a {
    text-decoration:none;
    color:#fff;
}
img {
	border-width: 0;
	width: 100%;
}
.image {
    margin-bottom:5px;
}
.image img {
    padding:6px;
    border: 0px;
    display:block;
    background-color: #fff;
    margin-top: 10px;
}
.navigation, .navigation a {
	text-decoration: none;
    color:#fff;
    margin-top:9px;
    font-weight:bold;
}
.thumbnail_row {
    margin-top: 1px;
}
.thumbnail_row img {
    border:0px solid #aaa;
    margin-top:10px;
}
.thumbnail_center {
    padding:1px;
    border:1px solid #fff !important;
}
.small, .small a {
    margin-top: 20px;
    text-decoration:none;
    color:#777;
}
.contentleft {
	background-color: #f7f7f7;
	width: 100%;
	height: 320px;
	overflow: hidden;
	-moz-opacity:0.8; /* Firefox */
	opacity: .8; /* Safari */
	filter: alpha(opacity=80); /* IE */
	}

.contentleft_text {
	width: 660px;
	height: 300px;
	overflow: auto;
	float: left;
	margin: -320px auto 20px;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #fco;
	position: absolute;
	}

.contentleft_index {
	width: 655px;
	height: 300px;
	overflow: hidden;
	float: left;
	margin: -320px auto 20px;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #fco;
	position: absolute;
	}
.content_index {
	background-color: #ccc;
	width: 100%;
	height: 100px;
	margin: 0;
	position: absolute;
	float: left;
	padding: 10px 10px 10px 10px;
	right:0;
	-moz-opacity:0.9; /* Firefox */
	opacity: .9; /* Safari */
	filter: alpha(opacity=90); /* IE */
	}

.contentleft_image {
	width: 400px;
	height: 300px;
	overflow: hidden;
	float: left;
	margin: -320px auto 20px;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #fco;
	position: absolute;
	}