*{
	margin:0;
	padding:0px;
	border:none;

}



html {
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}



h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {

font-weight:normal;

margin:10px 0 10px 0;

}



h1{font-size:32px;}

h2{font-size:28px;}

h3{font-size:18px;}

h4{font-size:16px;}

h5{font-size:12px;}

h6{font-size:10px;}



blockquote {

font-style:italic;

padding:5px 0 5px 30px;

}




sup {

position:relative;

bottom:0.3em;

vertical-align:baseline;

}



sub {

position:relative;

bottom:-0.2em;

vertical-align:baseline;

}



li, dd, blockquote {

margin-left:1em;

}



/* Algunas clases útiles */

.clear {

clear:both;

}



.float-left {

float:left;

}



.float-right {

float:right;

}



/* Links Bases */

a img {

border:none;

text-decoration:none;

}



img {

border:none;

text-decoration:none;

/*Si ponemos un background aparecerá como fondo de la imagen, sirve para simular imágenes de carga*/

}



/* Links */

a, a:visited{

color:#CCCCCC;

text-decoration:none;

font-weight:bold;

}



a:hover, a:active {

color:#FFFFFF;

text-decoration:underline;

}



#copyright a, #copyright a:visited{

color:#333333;

text-decoration:none;

font-weight:bold;

}



#copyright a:hover, #copyright a:active {

color:#333333;

text-decoration:underline;

}



/* Estructura */

body{
	margin:0px;
	padding:0px;
	background-color:#000000;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;

}



#rcgd{
	margin:0px auto;
	width:760px;
	text-align:center;
	z-index: 2;
	overflow: visible;
	position: relative;
	height: 150px;
}

#tutorials{
	margin:0px auto;
	width:760px;
	text-align:center;

}



#copyright{
	margin:0px auto;
	width:760px;
	text-align:center;
	color:#999999;

}







/* Menu */

#menu {
	margin:5px auto;
	padding:5px 0;
	width:600px;
	text-align:center;
	color:#6E6E6E;
	letter-spacing:0.125em;
	font-size:9pt;
	font-family:"Century Gothic", "futura", Avant Garde, Verdana, Arial, Helvetica, sans-serif;
	

}



#menu span{

padding:0px 5px 0px 5px;

}



#contenedor {

margin:0px;

overflow:hidden; 

/*height:387px; 

width:99,9%;*/

border:none;

position:relative;

}



#contenedor-bg {
	width:7919px;
	height:399px;
	background-image:url(../images/randeeweb24.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#000000;
	position:relative;
}



.scrolling-content {
	width:884px;
	height:376px;
	position:absolute;
}



#content1 {
	left:297px;
	top:3px;

}



#content2 {
	left:1779px;
	top:-2px;
}



#content3 {
	left:4531px;
	top:3px;
}

#content4 {
	left:3088px;
	top:-1px;
}
#content5 {
	left:6400px;
	top:0px;

}


/* Nosotros */

#randee{

float:right;

margin-top:170px;

margin-right:30px;

width:450px;

text-align:right;

}





/* Portflio */

#portfolio{
	float:right;
	width:474px;

}



#portfolio-titulo{

right:10px;

position:absolute;

}



#portfolio-works {
	margin-left:40px;
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 400px; /* important */
	height: 378px; /* important */

}



#example_4_frame {position: relative}

#example_4_frame img {position: absolute; cursor:pointer;}



#portfolio-arriba {
	position: relative;
	z-index:3;
	margin-top: 15px;
}

#portfolio-arriba img {position: absolute;}



#portfolio-abajo {
	top: 335px;
	position: relative;
	z-index:3;
}

#portfolio-abajo img {position: absolute;}



#portfolio_anteriores {top: 120px; right: 0px;}

#portfolio_siguientes {top: 200px; right: 0px;}



#portfolio_contenidos {
	left:0px;
	position: absolute;
	width:-39px;
	height: 822px;

}



.work{
	clear:both;
	padding-top:10px;
	padding-bottom:16px;
	width:395px;
	height:100px;

}



.work p{
	font-weight:normal;
	color: #5E7940;

}



.work-img{

float:left;

}



.work-txt{

float:left;

margin-top:20px;

}



.txt-rojo{

color:#990000;

}



/* Contacto */

#contacto{
	color:#transparent;
	float:right;
	margin-top:30px;
	margin-left:60px;
	margin-right:240px;
	width:270px;
}



.loading{

color:#41511f;

background-image:url(images/loading.gif);

background-position:50% 30%;

background-repeat:no-repeat;

height:250px;

}





#rss{
	left:701px;
	position: absolute;
	width: 155px;
	top: 46px;
	height: 257px;
	z-index: 0;
}

#bloglink{
	left:1435px;
	position: absolute;
	width: 784px;
	top: -9px;
	height: 27px;
	z-index: 12;
}



/* Formulario */

input, textarea {

width:220px;

border:none;

background-color:#728A40;

color:#000000;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

padding:5px;

margin:5px;

/*filter:alpha(opacity=70);

-moz-opacity:0.7;

-khtml-opacity:0.7;

opacity:0.7;*/

}

input:focus, textarea:focus {

}

#enviar {

cursor:pointer;

width:auto;

font-weight:bold;

}



/* Tooltips */

.tool-tip {

color:#ffffff;

font-size:11px;

background:#222222;


}



.tool-title {display:none;}



.tool-text {padding:8px;}