﻿/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0 none;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:top;
}

/* Layout */
body {
	color:#4B4B4B;
	font-family: Segoe UI, Arial Unicode MS, Arial, sans-serif;
	font-size:.8em;
}
#wrapper { 
	margin:0 auto;
	width:930px; 
	}
#header {

    position: relative;
    overflow: hidden;
        
}
#header .logo {
    margin: 0 auto;
    height: 114px;
    width: 114px;

}
#header .logo h1 {
        background:transparent url(/content/images/bizcacha_logo.jpg) no-repeat center top;
        height: 114px;
        width: 114px;
        text-indent: -9000px;
}
#quiensoydondeestoy {
    text-align: center;
    font-size: 1em;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding: 5px 0;
    margin: 0 0 10px 0;

}
#quiensoydondeestoy a {
    text-decoration: none;
    color: #4B4B4B;
}
#quiensoydondeestoy a:hover {
    text-shadow: 0 0 10px gray;
}
 
#nav {
	background:transparent url(/content/images/bkg-nav.png) no-repeat center top;
	/*position:relative; no poner porque jode a IE6 */
	height: 30px;
}
#nav ul li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:5px;
}
#nav a {
	font-size: 1.3em;
	color: #fff;
	padding: 3px 10px;
	font-family: "Lucida sans unicode", "Lucida grande", "Lucida", Verdana, Sans-serif ;
	font-weight: normal;
	text-decoration: none;
}
	
#content {
	background-color:#FFFFFF;
	margin:0 auto;
	min-height: 700px;
	position: relative;
}	

#footer {
	position:relative;
	text-align: center;
	height: 20px;
}
#credits {
	position:relative;
	text-align: center;
}
#credits p { padding: 10px; }

/* general */
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


/* HEADINGS   
----------------------------------------------------------*/
h1 {font-size: 180%;}
h2 {font-size: 150%;
}
h3 { 
	font-size: 130%;
	font-weight: normal;
	margin: 10px 0 0 0;
}
h4 { 
}

/* buscar */
.buscar {
	position:absolute;
	right:0;
	top:13px;
	width:400px;
}
.buscar ul li {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 0 12px;
}
.bloqued {
	display: block;
}
.buscar input {
	float:right;
	margin:0;
	padding:2px;
	width:250px;
}
.buscar .search-box { margin: 16px 0 0 0;  }
.buscar .textbox {
	background:White url(/content/Images/search.png) no-repeat left center;
	border-color:#CCCCCC -moz-use-text-color -moz-use-text-color #CCCCCC;
	border-style:solid none none solid;
	border-width:1px medium medium 1px;
	margin:0;
	max-width:230px;
	padding-left:16px;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin-right: 10px;
    color: #606060;
}

#logindisplay a:link
{
    color: #606060;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #606060;
    text-decoration: underline;
}

/* validations */
.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.hr {height: 1px; background: transparent url(/content/images/hr.jpg) no-repeat left}
.adminblock {text-align: left; font-family: Arial; margin: 5px auto 5px -5px;}
.adminblock a {color: silver; text-decoration: none; padding: 5px;}
.adminblock a:hover {color: black; text-decoration: underline;}

div.error, div.info  {text-align: center; padding: 5px; font-family: Arial; font-weight: bold; }
div.error {background-color: Red; color: White }
div.info {background-color: blue; color: white }

/* Formulario */
.formulario p {margin-top: 0px; margin-bottom: 5px;}
.formulario input {width: 90%}
.formulario textarea {width: 90%}
.formulario .bigbutton {font-weight: bold; padding: 5px 20px; width: auto;}
.formulario .fecha {width: 100px}
.formulario .checkbox {width: auto}
.fechaarticulo {font-size: 80%}


/* links */
.idea {padding-left: 20px; background: url(/content/images/lightbulb.gif) no-repeat left center; }
a.pdf, p.pdf a {padding-left: 20px; background: url(/content/images/pdf.gif) no-repeat left center; }
.excel {padding-left: 20px; background: url(/content/images/excel.gif) no-repeat left center;}
.phone {padding-left: 20px; background: url(/content/images/phone.gif) no-repeat left center;}
.foto {padding-left: 20px; background: url(/content/images/foto.gif) no-repeat left center;}
                
/* prettytable */                
table.prettytable
{
}
.prettytable td 
{
	vertical-align: top; 
	border: 1px solid #ccc; 
	padding: 1px 5px; 
}
.prettytable th 
{
	border: 1px solid #D5D5D5; 
	padding: 1px 5px; 
	background: #F1F2F4 url(/content/images/back-th.jpg) repeat-x top; 
	color: #676767; 
	font-weight: bold; 
	text-align: center; 
}


/* otros */
.sepvertical {width: 5px;}
small {color: #666; font-size: 80%}
.unicode {line-height: 100%;}

/* home */
.hello {font-size: 1em; margin: 0 0 10px 0; border-bottom: 1px solid #E5E5E5; padding:  0 0 10px 0;}
.work h2, .trabajo h3 {font-size:.9em; font-weight: bold; text-transform: uppercase; margin: 10px 0 5px 0; }
.trabajo {float: left; width: 210px; margin: 0 30px 0 0;}
.trabajo ul li {float: left; padding: 0 0 0 20px; background: url(/content/images/tag_blue.png) no-repeat left; margin: 0 10px 0 0; font-size: 90%;}
.trabajo img {border: 1px solid #E5E5E5; padding: 5px;}
.trabajo .url {margin: 5px 0; padding: 0 0 0 20px; background: url(/content/images/world_link.png) no-repeat left;}
.trabajo .tags { margin: 5px 0; overflow: hidden;}
.trabajo .cliente {margin: 5px 0; padding: 0 0 0 20px; background: url(/content/images/user.png) no-repeat left;}
.end {margin: 0;}

.thisisit {margin: 1500px auto 0}