/* CSS Document */

/*/ ~~~~~~~~~~  www.razgo.net ~~~~~~~~~~ /*/
/*/ ~~~~~~~~~~  Disseño y programación Razgo, S.L.  ~~~~ /*/

html {
	width:100%;
	height:100%;
	} 
 
body {
 	margin:0 auto;
	background-attachment: fixed; 
	background-color:#FFFFFF;
	font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-size:12px; 
	line-height:13px;
	letter-spacing:0.3px;
	color: #5C534D;
	} 


a:link,a:visited  {
	text-decoration:none;
	color:#8BAF31;
	padding:0px;
	font-weight:bold; 
	}

/*/a:visited  {
	text-decoration:none;
	color:#5C534D;
	padding:0px;
	}/*/

a:hover, a:active{
	color:#000000;
	/*/color:#FFFFFF;
	background-color:#8BAF31;/*/
	}

.small {
	font-size:10px ; 
	}	

.head {
	font-size:13px; 
	font-weight:bold; 
	color: #221F1D;
	text-decoration: underline;
	letter-spacing: 1.5px;
	line-height:26px; 
	}	

.grey {
	font-weight:bold; 
	color: #5C534D;
	}	

.on {
	font-weight:bold; 
	color: #000000;
	}	

.thumbs { 		
	float:left; 
	margin: 0px 11px 11px 0px;
	}

.titulo {
	font-weight: normal;
	font-size: 20px;
}	

.web {
	font-weight: normal;
	font-size: 15px;
}	

.texto_imagen {
	font-weight: normal;
	font-size: 9px;
}	


/*/ ************************************* * top /*/

#wrapper {
	width: 960px;
	height:auto;
 	margin: 0 auto;
	padding:0 0;
	}

#container { 			
	position:absolute;
	top:0px;
	width:960px;	
	height:100%;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#logo_razgo { 
	position: absolute;
	top:50px;
	left:196px;
	width:240px;
	height:40px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#lines { 
	position: absolute;
	top:0px;
    left:107px;
	width:40px;
	height:530px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#footer { 
	position: absolute;
	top:540px;
	left: 10px;
	width: 10px;
	height:10px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

/****************************************ESTILOS MENU****************/
#menu { 
	position: absolute;
	top:430px;
    left:10px;
	width:90px;
	height:21px;	
	font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-weight:normal; 
	font-size:14px;
	line-height:18px; 
	text-align:right;
	letter-spacing: 2px;
	border: 0;		
	margin: 0;
	padding:1px;
	}

#menu a:link,#menu a:visited{
	text-decoration: none;
	color: #5C534D;
	font-weight:normal; 
	/*/padding: 1px;/*/
	}

#menu a:hover,#menu a:active{
	color: #8BAF31;
	text-decoration: none;
	font-weight:normal; 
	/*/background-color: #5C534D;
	padding:1px;/*/
	}

#menu a.activo{
	/*/font-weight:bold;/*/
	color: #000000;
	font-weight:normal; 
	}


#menu_idiomas {
	position:absolute;
	left:6px;
	top:16px;
	width:90px;
	height:14px;
	font-size:9px; 
	line-height:10px; 
	text-align:right;
	font-weight:normal; 
	border: 0;
	margin: 0;
	padding:1px;
	}

#menu_idiomas a:link,#menu_idiomas a:visited{
	color: #5C534D;
	text-decoration: none;
	font-weight:normal; 
	padding: 1px;
	}

#menu_idiomas a:hover,#menu_idiomas a:active{
	color: #FFFFFF;
	background-color: #5C534D;
	font-weight:normal; 
	padding:1px;
	}

#menu_idiomas a.activo{
	font-weight:bold;
	color: #8BAF31;
	}


#menu_inicio {
	position:absolute;
	left:200px;
	top:18px;
	width:30px;
	height:14px;
	font-size:9px; 
	line-height:10px; 
	font-weight:normal; 
	border: 0;
	margin: 0;
	padding:1px;
	}

#menu_inicio a:link,#menu_inicio a:visited{
	color: #5C534D;
	text-decoration: none;
	font-weight:normal; 
	padding: 1px;
	}

#menu_inicio a:hover,#menu_inicio a:active{
	color: #FFFFFF;
	background-color: #5C534D;
	font-weight:normal; 
	padding:1px;
	}

#menu_inicio a.activo{
	font-weight:bold;
	color: #000000;
	}

/*/ ************************************* * continguts /*/

#home { 
	position: absolute;
	top:90px;
	left: 180px;
	width: 760px;
	height:200px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#perfil { 
	position: absolute;
	top:100px;
	left: 200px;
	width: 460px;
	height:auto;	
	border: 0;		
	margin: 0;
	padding: 0;
	}


#servicios { 
	position: absolute;
	top:170px;
	left: 200px;
	width: 600px;
	height:auto;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#portfolio { 
	position: absolute;
	top:120px;
	left: 200px;
	width: 720px;
	height:auto;	
	border: 0;		
	margin: 0;
	padding: 0;
	}


#portfolio_index { 
	position: absolute;
	top:240px;
	left:0px;
	width:240px;
	height:400px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#portfolio_title { 
	position: absolute;
	top:120px;
	left:200px;
	width:440px;
	height:40px;	
	line-height:20px; 
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
#portfolio_image { 
	position: absolute;
	top:180px;
	left:198px;
	width:420px;
	height:400px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#portfolio_text { 
	position: absolute;
	top:180px;
	left:650px;
	width:310px;
	height:66px;	
	font-weight: normal;
	font-size: 11px;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#portfolio_text_metro { 
	position: absolute;
	top:180px;
	left:760px;
	width:200px;
	height:66px;	
	font-weight: normal;
	font-size: 11px;
	border: 0;		
	margin: 0;
	padding: 0;
	}



#portfolio_volver { 
	position: absolute;
	top:146px;
	left:640px;
	width:100px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#portfolio_ultimos { 
	position: absolute;
	top:68px;
	left:764px;
	width:100px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
	
#contacto { 
	position: absolute;
	top:120px;
	left:200px;
	width:280px;
	height:70px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#contacto_form { 
	position: absolute;
	top:200px;
	left:196px;
	width:450px;
	height:340px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#contacto_map { 
	position: absolute;
	top:200px;
	left:580px;
	width:380px;
	height:310px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

/*/ ************************************* * forms /*/

.lista {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	color: #000000; 
	background-color: #FFFFFF; 
	width:150px;
	height: 15px; 
	margin-top:7px; 
	border:#E8002C; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
	}	

		
.field {  
	color: #000000;
	background-color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left:4px;
	margin-top:4px;
	width:260px;
	height:12px;
	border:#5C534D; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	}


.textarea {  
	color:#000000;
	background-color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left:4px;
	margin-top:4px;
	width:320px;
	border: #5C534D; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	}