/* ************************* 
WEBSITE: VIVOCOM
DATE: 13/04/2010
AUTHOR: MATIAS GONZALEZ MARCOS
****************************  */
   
   
/* ********* */
/* RESET CSS */
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 { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table {	border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

sup { font-size: 80%; position: relative; top: -5px; }
sub { font-size: 80%; }

img { color: #3d3d3d; font-size: 1em; }

body { font-family: Arial; font-size: 62.5%; }


/* ********* */
/* CSS UTILS */
.cls { clear: both !important; }
.ftl { float: left !important; }
.ftr { float: right !important; }

.none { display: none !important; }
.block { display: block !important; }
.bold, .b { font-weight: bold !important; }

.atc { text-align: center !important; }
.atr { text-align: right !important; }
.atl { text-align: left !important; }

.yellow { color: #fff600 !important; }
/* ********* */
/* VIVOCOM WEBSITE */

h1 	{ color: #dd684c; font-size: 1.6em; }
h2	{ color: #dd684c; font-size: 1.4em; }
p  	{ color: #dd684c; font-size: 2em; }
.hd a 	{ background-color: #acf444 !important; color: #000 !important; font-weight: bold; text-decoration:none;}

#portada { background-image: url(../img_pagina/index_bg.png); background-repeat: no-repeat; background-color: #FFF; background-position: -15em -19em; }
	#portada #corpse { width: 57em; position: relative; top: 20em; left: 44em; }
	#portada #corpse h1 { position: relative; left: -4em; }
	
#thinkfell {  }

#contacto { background-image: url(../img_pagina/bg_contacto.png); background-repeat: no-repeat; }
	#contacto #corpse { position: relative; left: 5em; top: 20em; width: 30em; }
		#contacto #corpse p  { color: #FFF; font-weight: bold; margin-bottom: 1em; }
		#contacto #corpse p a  { color: #000; background-color: #8aff00;  }
	#contacto #social { float:left; left:63em; position:relative; top:27em; }