/* CSS Document */

/* Formato general, centrado, todo va dentro de #container*/
body {
	margin: 0px;
	background-image: url(images/body.png);
	background-repeat: repeat-x;
}

#container {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}

/* ärea superior, puede incluir otros DIV como el logo */
#header {
	height: 320px;
	background-image: url(images/header.png);
	width: 760px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
}

#menuContainer {
	width: 760px
}
#menuLeft {
	margin: 0px;
	float: left;
	height: 320px;
	width: 200px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	z-index: 99;
	
}
#menu ul, #menu ul li {
	z-index: 100;
}


#menuTop {
	float: right;
	background-repeat: no-repeat;
	background-position: 0px 120px;
	width: 560px;
	height: 230px;
	text-align: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
#menuTopLinks {
	padding-right: 10px;
	padding-bottom: 20px;
	line-height: 10px;
}
#flashHeader {
	height: 200px;
	width: 560px;
	margin: 0px 0 0 0;
	background:url(images/poceros_1.png) no-repeat;
	float:left;
}

#Header1{
margin: 20px 0 0 0;
width: 150px;
float:right;
padding: 0 0 0 0;
height: 90px;
background:url(images/pocero_1.png) no-repeat 28px 0;
}

#flashcontent02 {
	z-index: 0;
}



/* Área de contenido dentro de #content, para un diseño de dos columnas se utiliza #contentLeft, #contentRight y el BR, para una sola a columna sólo utilizar #contentFull */

#content {
	width: 760px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 25px;
	height: auto;
}
#contentLeft {
	margin: 0px;
	float: left;
	width: 180px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #003F7D;
}

#contentMiddle{
	float: left;
	width: 260px;
	margin-left: 20px;
	padding-top: 10px;
}

#contentRight {
	float: left;
	width: 260px;
	padding-top: 10px;
	margin-left: 10px;
}

/* Páginas de primer nivel */
#contentRightTop {

	float: left;
	width: 540px;
	margin-left: 20px;
	padding-top: 10px;
}

/* Páginas de productos */
#contentFull {
	width: 740px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

br.clear {
	clear: both;
}

/* Área inferior, copyright, footer y FCDigital */

#footer {
	background-color: #999999;
	clear: none;

}

#fcdigital {
	text-align: center;
	background-image: url(images/backDarkGrayS.png);
	height: 60px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

.logo{
margin: 0 0 0 0;
background:url(images/logo.png) no-repeat 0 10px;
padding: 0 0 0 0;
float:left;
width: 200px;
height: 120px;} 


.logo h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color:#003F7D;
	padding: 80px 0 0 20px;
	margin: 0 0 0 0;
	
} 
 .contact{
padding: 0 15px 20px 15px;
margin: 0px 0 0 0px;
width: 300px;
height:340px;
border:#EEEEEE solid 1px;
}


.contact_2{
	float:right;
	margin: 0 0 0 0;
	padding: 10px;
	width: 150px;
    height: 271px;
	text-align:left;
	font-size:11px;
}

