/* Base Style Sheet for www.reinventia.com web page
   Copyright 2005 Rubén Maté Lecumberri. 
   base.css,v 0.2 2006/10/10 */
/* General styles, body etc. */
body 			{ font-size:11px; font-family: tahoma, verdana, arial, helvetica, sans-serif; background:#fff; color:#000; text-align: justify; margin:0px; padding:0px; }
/* Sets default font size to 12px in every browser. See http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html */
/*/*/a{}
body 			{ font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: x-small; }
html>body 		{ font-size: small; } /* */ 
/* Sets default font size to 12px in every browser. See http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html */
h1				{ font-size:1.4em; font-weight:bold; margin-top:0em}
h2				{ font-size:1.2em; font-weight:bold; margin-top:0em; clear:none;}
h2.portfolio	{ clear:left; margin-bottom:0.5em}
h3				{ font-size:1.1em; font-weight:bold; margin:0 0 0.5em 0; border-bottom:0.01em solid #336; }
h4				{ font-size:1em; font-weight:bold}
h6				{ display:inline;}				
p, li             { letter-spacing: 1px }

/* ELEMENTOS DE LA PÁGINA */
a				{ background:transparent; }
a:link			{ color: #1d385e; }
a:hover			{ color: #77b; text-decoration:none; background: #eef; }
a:active		{ color: #f00; }
a:visited 		{ color: #669; }
.negative_link  	{ color: #fff; font-weight:bold; margin:0em}

img				{ border-width: 0em; border-style: none; text-decoration:none; margin: 0.5em}
span img  {margin: 0.25em 0.5em}

.portfolio_img	{ float:left; display:inline; margin-bottom:1.5em; margin-right:0.3em}
acronym { border-bottom: 0.1em dotted; }
b .precio {color:#090}


	
.sellingpoints {width:100%; background-color:#FAFCFE; border-left: 0.4em solid #7aa933; border-top: 1px dotted #333333; border-bottom: 1px dotted #333333 ; border-right: 1px dotted #333333; margin-bottom:1em }
.sellingpoints #sellingtitle {background-color:#cdf2cd; padding: 0.2em 0.4em}
.sellingpoints p, .sellingpoints h2 {padding:0 0.4em}  

.datasheet {width:100%; background-color:#FAFCFE; border-left: 0.4em solid #8394B2; border-top: 1px dotted #333333; border-bottom: 1px dotted #333333 ; border-right: 1px dotted #333333 ; }
.datasheet h2 {background-color:#E4EAF2; padding: 0.2em 0.4em}
.datasheet p {padding:0 0.4em}  

.form label, .form input {
	display: block;
	float: left;
}

.form label {
	text-align: right;
	width: 20em;
	padding-right: 2em;
}

.form br {
	clear: left;
}



/* ELEMENTOS DE LOS FORMULARIOS */
.contacto {float:left;  width:10em; margin-left:2em ; font-weight: normal; text-align:right;}
input, textarea{width:30em; margin-bottom: 0.5em;}
textarea{width:30.8em; height:8em; margin-bottom: 0.5em;}
.boxes{width:1em;}
.sourcecode {font-family:monospace; text-align:left; letter-spacing:0}
#submitbutton{margin-left: 25em;margin-top: 0.5em; width:4em ;}
br{clear: left;}

/* Apariencia de las diferentes zonas de la página */
.titulo_encabezado {position:absolute; top:66px; left:92px; margin-top:-1px; font-size:0.85em; color:#fff}
#header			{ /*position:absolute;*/ top:0px; right:0px; /*height:74px; width:100%;*/ font-size:1em; margin:0px; padding:4px 0px; background:#172c3e; border:0px; color:#fff; background-image: url("../img/backgrounds/reinventiabg.png"); background-position:bottom; background-repeat:repeat-x;}
#header a		{ color: #fff; text-decoration:none; }
#navigation		{ /*position:absolute; top:74px; right:0px; height:1.2em;*/ padding: 0.2em 0.5em; /*border-bottom:2px dotted #228;*/ background:#eee; color:#003;}
#dondeEstoy		{ float:right; display:inline; margin:2px 16px 0px 0px}
#gps { border-top: 0.05em solid #e6e6e6; border-bottom:  0.05em solid #e6e6e6; color: #999; padding: 0 1em; font-size:0.8em }

.anylinkcss		{ width: 180px; position:absolute; visibility: hidden; border:1px solid black; border-bottom-width: 0; line-height: 18px; z-index: 100; background-color: #1d385e; }
.anylinkcss a	{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; color:#fff; padding: 1px 0; text-decoration: none; font-weight: bold; text-indent: 5px; }
.anylinkcss a:visited{ background-color: #1d385e; color: #fff; }
.anylinkcss a:hover{ background-color: #eee; color: #1d385e; }
#content		{ /*margin:1.2em 0 0 0 padding:92px 12px 6px 12px;;*/ margin:0px 0px; padding:6px 12px;}
.banner_border 	{ border:1px solid #1d385e; vertical-align:top; width:99%; padding: 0.3em 0.6em; margin:0.2em 0}
.banner_border img {float:left; margin:0px 0.5em 0px 0px; clear:both}
/*  */
.serviciobox {float:left;max-width:165px; min-width:100px; margin:0 0 1em 15px; text-align:left; min-height:370px}
.serviciobox h2 {margin-bottom:0px; text-align:center}
.serviciobox img {display: block; margin-left: auto; margin-right: auto}
.serviciobox ul {padding-left:1.15em; margin:0.5em 0; list-style: square}

#footer 			{ font-size:0.95em; margin:0.6em; padding:0.15em 0px; border-top:0.08em solid #1d385e; clear:both}
#footer p 		{ margin:0px; padding:0.2em; text-align:left}
#footer img { vertical-align:bottom; border-width: 0em; border-style: none; text-decoration:none; margin: 0 0.1em 0 0.5em}
#footer a 		{ vertical-align:top;}

.float_right 	{ float:right; display:inline; padding:0; margin:0px 0px -1em 0.5em }
.omitir			{ position:absolute; top:-300px; display:none} /* hidden for graphical browsers */
.mitad_derch  {float:right; width:49%; padding:0.5em; padding-left:1.15em; border-left: 0.1em dashed #333; display:inline}
.mitad_izqd  {float:left; width:45%; padding:0.5em; }

.promobox {border:0.02em solid #cb3; vertical-align: top; width:25%; background:#ffa; color:#cb3; text-align:center; font-size:1.4em; margin:0.6em; padding:0.6em;} 
.promobox  a {color:#cb3}
.promobox  span,img {vertical-align: top}

.databox {border:0.02em solid #4088b8; vertical-align: top; width:25%; background:#eef; color:#39c; text-align:center; font-size:1.4em; margin:0.6em; padding:0.6em;} 
.databox  a {color:#369}
.databox  span,img {vertical-align: top}

.infobox {border:0.02em solid #48a400; vertical-align: top; width:70%; background:#9f3; color:#390; text-align:center; font-size:1.4em; margin:1em auto; padding:0.6em;} 
.infobox  a {color:#390} 
.infobox  span,img {vertical-align: top}

.infopanel {background-color:#eee; padding:0; border:1px solid #003; margin:auto; width:auto}
.infopanel h4 {background-color:#1d385e;color:#fff; margin:0; padding:0.25em 0.5em}
.infopanel img {margin:0}
.infopanel p {padding:0.25em 0.5em}


/* para cambiar los bullets por imagenes
 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
}




*/

/*
.center			{ display: block; margin-left:auto; margin-right:auto; text-align:center }
.project_screenshot {}

#warning		{ text-align: center; vertical-align: middle; color:#333366; font-weight:bold;}
#nomargin		{ margin:0px 0px 0px 0px; padding:0px; } */