/* CSS Document */

/******************************************** Elementos comunes del portal ********************************/

/**FORMATEO**/
*{
	margin: 0;
	padding: 0;
	font-size: 10px;
}
a{
	color: #000;
	text-decoration: underline;
}

body{
	margin: 0;
	padding: 0;
	font-family: Verdana;
	/*background: url(/images/motivo.gif) repeat;*/
	background: url(/images/cabecera.gif) repeat-x;
}

div#main{
	/*border: 1px solid #000;*/
	position: relative;
	margin: 0 auto;
	width: 900px;
}

/** CABECERA **/
div#cabecera{
	position: relative;
	width: 100%;
	height: 155px;
	z-index: 2;
}

div#flor{
	position: absolute;
	width: 206px;
	height: 225px;
	background: url(/images/flor.jpg) no-repeat;
}

h1#logo{
		position: absolute;
	width: 363px;
	height: 113px;
	top: 0;
	left: 225px;
	cursor: pointer;
}
h1#logo span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
	height: 100%;
	background: url(/images/logo.jpg) no-repeat;
	cursor: pointer;
}

h2#logo2{
	position: absolute;
	width: 274px;
	height: 52px;
	bottom: 40px;
	right: 0;
	cursor: pointer;
}h2#logo2 span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
	height: 100%;
	background: url(/images/logo_rochale.jpg) no-repeat;
	cursor: pointer;
}

/** CONTENIDO **/
div#contenido{
	position: relative;
	width: 100%;
	height: 600px;
	border: 2px solid #ebebeb;
	border-top: 0;
	z-index: 1;
}

ul#list_btn{
	list-style: none;
	width: 178px;
	top: 70px;
	left: 0px;
	position: absolute;
	background: #c4ca4b;
	z-index: 5;
}
ul#list_btn li{
	margin: 0 0 1px 0;
	width: 178px;
	height: 34px;
	position: relative;
	text-indent: -999999px;
}

a#btn1{
	width: 178px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/es/btn1.gif);
	cursor: pointer;
}
a#btn1:hover{
	background: url(/images/es/btn1_hover.gif);
}

a#btn2{
	width: 178px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/es/btn2.gif);
	cursor: pointer;
}
a#btn2:hover{
	background: url(/images/es/btn2_hover.gif);
}

a#btn3{
	width: 178px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/es/btn3.gif);
	cursor: pointer;
}
a#btn3:hover{
	background: url(/images/es/btn3_hover.gif);
}

a#btn4{
	width: 178px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/es/btn4.gif);
	cursor: pointer;
}
a#btn4:hover{
	background: url(/images/es/btn4_hover.gif);
}

a#btn5{
	width: 178px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/es/btn5.gif);
	cursor: pointer;
}
a#btn5:hover{
	background: url(/images/es/btn5_hover.gif);
}

a#btn6{
	width: 178px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/es/btn6.gif);
	cursor: pointer;
}
a#btn6:hover{
	background: url(/images/es/btn6_hover.gif);
}

a#btn7{
	width: 178px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/es/btn7.gif);
	cursor: pointer;
}
a#btn7:hover{
	background: url(/images/es/btn7_hover.gif);
}

div#container2{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	/*background-color: #999;*/
}

/** PIE **/
div.pie{
	width: 100%;
	position: relative;
	margin: 5px 0 0 0;
}

div.pie *{
	color: #5b5a5a;
	font-family: Arial;
	text-decoration: none;
}


#msgerror{
	position: relative;
	color: #F33;
	width: 200px;
	display: block;
	margin: 15px auto -27px auto;
	text-align: center;
	visibility: hidden;
}