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

body {
background-color: #E9E4D3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:-.02em;
background-image: url(http://www.creatibo.com.mx/imagenes/bg_papel.png);}

img, div, input { behavior: url("../extras/iepngfix.htc") }
img { border:0;}
a {outline:0;}
input {outline:0;}
a:link, a:visited{color:#21759b; text-decoration:none;}
a:hover{text-decoration:underline;}
h1 { background-color:#EFEFEF; padding:7px; font-size:12px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
h2 { font-size:10px; line-height:15px; padding-left:20px; font-weight:normal;}

/* -------------------------------- Estilos simples -------------------------------- */
#invisible {display:none}
.legal {font:Arial, Helvetica, sans-serif; font-size:7px; color:#CCC; width:750px; margin:20px; padding-bottom:10px;}
.legal a {text-align:center; font-size:8px; color:#333; text-decoration:none;}


#contacto-info {width:350px; font-size:11px; line-height:20px; padding-left:20px; margin-bottom:50px; float:left;}
#contacto {width:430px;  font-size:13px; line-height:20px; margin-bottom:50px; float:right; font-size:10px;}

#opcion {position: relative; margin-left:770px; bottom:50px;}

/* -------------------------------- Boceto: Cargando 
#cargando { width: 100%; height: 3000px; background-color: #333333; color:#FFFFFF; position: absolute; margin-top: -100; margin-left: -100; text-align: left; font-size:px; filter: alpha(opacity=90); opacity: .9;} */


/* -------------------------------- Contenido -------------------------------- */

#container {
	background: url('../imagenes/contenido.top.png') center top no-repeat;
	width:800px;
	margin:0 auto;
	padding:30px 20px;
	padding-bottom:0px; margin-bottom:-30px;
	}
#main-container{
	background:#FFFFFF url('../imagenes/contenido.bottom.png') center bottom no-repeat;
	width:800px;
	height:100%;
	min-height:800px;
}	

#header{
	background:url('../imagenes/header.logotipo.creatibo.png') 0px 10px no-repeat;
	margin:0 auto;
	padding:0px;
	width:800px;
	height:95px;
}


/* -------------------------------- Menú -------------------------------- */

#menu{padding-top:70px; padding-left:300px;}

#nav-bar a:link, #nav-bar a:visited {
	    font-family:Arial; 
		font-size:7px;
		color:#FFF; 
		text-decoration: none;
		font-size:12px;
		margin-right:14px;
		background:#644B46;
		-moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
		padding:3px;
		padding-left:50px;
		cursor:pointer;
		}
		
#nav-bar a:hover {background:#FF0066;}
#contenido { padding:10px; }
#logotipos img { padding:5px 40px 5px 40px }
#separador img { padding:0 0 0 0; margin-left:-80px; }
#saludo {background-image:cuadro.saludo.png;
	position:absolute;
	padding:3px;
	overflow:hidden;
	top: 105px;
	text-align:justify;
	visibility: visible;}
	
/* -------------------------------- Forma de contacto -------------------------------- */
	.contacto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight:bold; background: #E6E6E6; color:#333; border:0; padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:2px 5px 2px 5px;
 }

	
/* -------------------------------- Estilos de tumblr -------------------------------- */
ol  { list-style-image: url('../imagenes/blank.gif'); list-style-type: square; margin-left:-40px;}
.tumblr_post img  { padding-bottom:30px; display: block; margin: auto; }
.tumblr_caption { width:500px; text-align:center; }
.tumblr_title { background-color:#EFEFEF; padding:7px; font-size:12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight:bold;}