/* ------------- ESTILOS GENERALES ------------- */



body{

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

	font-size: 11px;

	margin: 0;

	border: 0;

	background-image: url("img/bg.jpg");

	z-index: 0;

}



#main {

	width: 960px;

	height: 600px;

	margin: 0 auto;

	background-image: url("img/bg_main.jpg");

	background-repeat: no-repeat;

}



#migas {

font-style: italic;

width: 940px;

position: relative;

left: 20px;

top: 98px;

color: #555;

}



.ud {

	font-weight: bold;

	color: #999;

}



#menu {

	position: relative;

	top: 125px;

	width: 100px;

	height: 115px;

}



#menu a {

	color: #444;

	text-decoration: none;

	font-size: 12px;

	padding-left: 10px;

	line-height: 1.8em;

}

#menu a.selec{
	border-left: 5px solid red;
	color: red;
}


#menu a:hover {

	border-left: 5px solid red;

	color: red;

}



.stock {

		display: block;

		width: 100px;

		height: 120px;

		background: url("img/stock.jpg") 0 0 no-repeat;		

}



.stock:hover {

		display: block;

		width: 100px;
		height: 120px;
		background: url("img/stock.jpg") -100px 0 no-repeat;

}



#personal {

	position: relative;

	top: 80px;

	width: 100px;

	height: 175px;

	float: left;

	clear: both;

}



.personal {

		display: block;

		width: 100px;

		height: 175px;

		background-image: url("img/personales.jpg");

}



.personal:hover{

	background-image: url("img/personales_2.jpg");

}



#info {

	position: relative;

	top: 10px;

	left: 0px;

	color: #555;

	width: 184px;

	height: 335px;

	border-top: 13px solid #cc0000;

	padding-top: 20px;

	padding-left: 24px;

	padding-right: 24px;

	background-image: url("img/bg_info.jpg");

	float: left;

	text-align: left;

	line-height: 1.4em;

}



#bottom {

	margin-left: 60px;

	position: relative;

	clear: both;

}



#bottom a {

	color: #345;

	font-weight: bold;

	text-decoration: none;

}



#bottom a:hover {

	color: red;

}

/* ------------- ESTILOS DE TEXTO ------------- */



.avi_01 {

	color: #707070;

	font-weight: bold;

}



.con_01 {

	color: #444;

	font-size: 11px;

	font-weight: bold;

}



.con_02 {

	display: block;

	margin-top: 1px;

	font-weight: bold;

}





/* ------------- ESTILOS DE PORTFOLIO ------------- */



#portafolio {

	position: relative;

	top: 5px;

	float: right;

	width: 600px;

	height: 411px;

	background-image: url("img/portfolio.jpg");

	background-repeat: no-repeat;

	margin-bottom: 40px;

/*	margin-right: 10px; */

}



.pub {

display: block;

width: 146px;

height: 146px;

float: left;

position: relative;

top: 74px;

left: 67px;

background-image: url("img/pub.jpg");

}

.pub:hover{

background-image: url("img/pub_2.jpg");

}



.soc {

display: block;

width: 132px;

height: 128px;

float: left;

position: relative;

top: 242px;

left: 20px;

background-image: url("img/eve.jpg");

}

.soc:hover{

background-image: url("img/eve_2.jpg");

}



.ind {

display: block;

width: 132px;

height: 132px;

float: left;

position: relative;

top: 44px;

left: 26px;

background-image: url("img/ind.jpg");

}



.ind:hover{

background-image: url("img/ind_2.jpg");

}



.mod {

display: block;

width: 132px;

height: 132px;

float: left;

position: relative;

top: 242px;

left: -38px;

background-image: url("img/mod.jpg");

}



.mod:hover{

background-image: url("img/mod_2.jpg");

}



/* ------------- ESTILOS DE CLIENTES ------------- */



#clientes {

	position: relative;

	top: 0px;

	float: right;

	width: 628px;

	height: 411px;

	background-image: url("img/clientes.jpg");

	background-repeat: no-repeat;

	margin-bottom: 40px;

}





/* ------------- ESTILOS DE CONTACTO ------------- */



#contacto {

	position: relative;

	top: 10px;

	float: right;

	width: 600px;

	height: 411px;

	margin-bottom: 40px;

}



#formulario {

	float: left;

	margin-top: 0px;

	width: 200px;

	color: #777;

}



#con_avisos {

	float: right; 

	width: 310px;

	padding-right: 40px;

}



#con_avisos a img {

	border: none;

}



input {

	padding: 2px;

	font-size: 11px;

	border: 1px solid #656565;

	margin-top: 3px;

	background-color: #f3f3f3;



}

input:focus {

	background-color: #ececec;

}



textarea {

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

	padding: 2px;

	font-size: 11px;

	width: 197px;

	border: 1px solid #656565;

	background-color: #f3f3f3;

	margin-top: 3px;

}

textarea:focus {

	background-color: #efefef;

}



.enviar {

	margin-top: 7px;

	border: 1px solid #565656;

}



.advertencia {

	display: block;

	font-size: 9px;

	color: #aaa;

	margin-top: 55px;

}



/* ------------- ESTILOS DE AVISO ------------- */



#aviso {

	position: relative;

	top: 20px;

	left: 75px;

	float: left;

	width: 550px;

	height: 385px;

	padding-right: 125px;

	margin-bottom: 66px;

	overflow-y: auto;

	color: #999;

}