/* - - - - - - - - - - - - - - - - - - - - -

Title : Magnatuneasy
Author : David Rodriguez Vega
URL : http://www.mcdave.net

Description : 

Created : 31 Oct 2005
Modified : 13 Nov 2005

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

html, body{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background: #f1f2ed;
}

/* ----- IDS ----- */

#navegacion{
width: 100%;
padding-top: 3px;
height: 22px;
text-align: center;
background: url(img/fondo-menu.png) repeat-x top left;
font-family: verdana;
font-size: 1em;
color: white;
border-bottom: 5px solid #white;
}

#logo{
width: 335px;
margin: auto;
}
#boton{
position: absolute;
margin-top: -25px;
margin-left: 25%;
}
#sombraarriba{
width: 100%;
height: 20px;
background: url(img/sombra-arriba.png) repeat-x bottom left;
}
#busqueda{
border-top: 5px solid #77bbdd;
border-bottom: 5px solid #77bbdd;
margin: 0px;
padding: 0px;
width: 100%;
background: url(img/fondo-busqueda.png) repeat-x top left;
height: 130px;
}
#top-busqueda
{
width: 750px;
margin-top: 5px;
margin-right: 10px;
text-align: right;
color: white;
font-family: Verdana;
font-size: 0.6em;
font-weight: normal;
margin: auto;
}
#cajon-busqueda{
margin: auto;
margin-top: 25px;
width: 750px;
}
#busqueda-principal{
margin: auto;
width: 250px;
text-align: center;
}
#busqueda-avanzada{
width: 100%;
text-align: right;
color: white;
font-family: Verdana;
font-size: 0.6em;
font-weight: normal;
margin-top: 5px;
border-top: 1px dotted #cccccc;
}
#sombraabajo{
width: 100%;
height: 20px;
background: url(img/sombra-abajo.png) repeat-x top left;
}
#container{
width: 750px;
margin: auto;
padding: 0px;
}
#primaryContent{
float: left;
padding-right: 5px;
width: 540px;
margin-bottom: 10px;
text-align: left;
color: #666666;
font-family: Verdana;
font-size: 0.8em;
font-weight: normal;
}
#adsense{
float: right;
width: 110px;
margin-left: 5px;
padding: 5px;
background: url(img/dotted_line_vertical.png) repeat-y top left;
}
#secondaryContent{
float: right;
width: 190px;
margin-bottom: 10px;
padding: 5px;
background: url(img/fondo-sidebar.png) repeat top left;
text-align: left;
color: #333333;
font-family: Verdana;
font-size: 0.7em;
font-weight: normal;
}
#footer{
font-family: Verdana;
font-size: 0.6em;
font-weight: normal;
color: #999999;
text-align: center;
border-top: 1px solid #cccccc;
clear: both;
padding-bottom: 10px;
width: 750px;
margin: auto;
padding: 10px;
}

/* ----- CLASSES ----- */

.subrayado
{
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	color: #666666;
	background-color: #ffffcc;
	padding: 1px 2px;
	text-decoration: none;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	white-space: nowrap;
}
.hide{
/* display:none; */
}
.show{
/* display:block; */
}
.alert{
width: 732px;
background: url(img/error.gif) no-repeat top left;
background-color: #eeeeee;
text-align: left;
margin: auto;
margin-bottom: 5px;
border-bottom: 1px solid red;
border-top: 1px solid red;
padding-top: 2px;
padding-left: 18px;
padding-bottom: 2px;
color: #666666;
font-family: Verdana;
font-size: 0.8em;
font-weight: normal;
}
.alert:hover{
background-color: #ffffcc;
}
.foto{
padding: 5px;
margin-right: 10px;
margin-bottom: 10px;
background: white;
border: 1px solid #999999;
float: left;
}
.foto-grande
{
text-align: center;
padding: 5px;
margin: 10px;
background: white;
border: 1px solid #999999;
}
.foto-grande:hover
{
text-align: center;
padding: 5px;
margin: 10px;
background: white;
border: 1px solid #999999;
}
.campo-formulario{
border-top: 1px solid #999999;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
font-size: 0.8em;
font-family: Verdana;
outline-width: 1px;
outline-style: solid;
outline-color: white; 
}
.campo-formulario:focus{
background: #ffffcc;
}
.navegacion{
font-family: verdana;
font-size: 0.8em;
color: #ffffff;
}
.navegacion:hover{
color: #ffffff;
background: #77bbdd;
}
.navegacion:focus{
color: #cccccc;
}
.navegacion:visited{
color: #ffffff;
}
/* ----- HEADINGS ----- */

h1{
font-family: Verdana;
font-size: 1.4em;
font-weight: normal;
color: #333333;
margin: 2px;
padding-left: 5px;
}

/* ----- IMAGES ----- */

img{
border: 0px;
}
img a{
border: 0px;
text-decoration: none;
}
img a:hover{
border: 0px;
}

/* ----- LINKS ----- */

a{
font-family: Verdana;
color: #ff9900;
text-decoration: none;
}
a:hover
{
color: #77bbdd;
/*color: #ff9900;
border-bottom: 1px solid #77bbdd;*/
}
a:visited, a:active, a:focus
{
color: #ff9900;
}
a:visited:hover, a:active:hover, a:focus:hover
{
color: #77bbdd;
}

/* ----- FORMS ----- */

input{
border: 1px solid #cccccc;
font-size: 0.8em;
font-family: Verdana;
}
textarea{
border: 1px solid #cccccc;
font-size: 0.8em;
font-family: Verdana;
outline-width: 1px;
outline-style: solid;
outline-color: white; 
}
textarea:focus{
background: #ffffcc;
}