@charset "utf-8";

div  {
	dislpay: block;
}

/*
	Site - europroyectos.com
  	
	---------------------
	
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Blue Bar Styles
	$4 - Content Styles
	$5 - Right Sidebar Styles
	$6 - Footer Styles
	$7 - SIFR styles
	$8 - Form Styles
   
	
*/

/* $1 Site Structure ----------------------------------------------------- */

body {
	border-top: 6px solid #185D90;
	margin: 0px auto;
    background: #b5b5b5 url("images/fondoCuerpo.gif") 0px 6px repeat-x;
}

.ie body {
	background-position: 0px 6px;
	text-align: center;
}

.ie8 body {
	background-position: 0px 6px;
}

#body {
    width: 760px;
    background: white;
    margin: 0px auto;
}

.ie #body {
	text-align: left;
}

#header{
	width: 100%;
    height: 48px;
    background-color: white;
}

#BlueBar {
	width: 100%;
    height: 195px;
	background-color:#609BBD;
	position: relative;
	overflow: hidden;
}

#content {
	width: 100%;
	background: white url('images/pxGris.gif') 223px 10px repeat-y;
	border: 8px solid white;
	border-width: 8px 0px;
}

#footer {
	width: 100%;
	text-align: center;
	background-color: #b5b5b5;
}

/* $2 Header Styles ----------------------------------------------------- */

#header {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif;
	font-size: 13px;
	color: #333;
}

.ie #header {
	overflow: hidden;
}

#header #logo {
	position: relative;
	top: 0px;
	left: 9px;
}

#header #linksHeader {
	position: relative;
	float: right;
	top: 6px;
	right: 14px; 
}

.ie #header #linksHeader {
	top: -30px;
}

.ie8 #header #linksHeader {
	top: 6px;
}

#header #linksHeader li {
	display: inline;
	list-style: none;
	padding: 3px;
}

#header #linksHeader li a {
	padding:0px 5px;
	text-decoration: none;
	color: #333;	
}

#header #linksHeader li a:hover {
	border-bottom: 4px solid #185D90;
}

.ie #header #linksHeader li a:hover {
	color: #185D90;
	text-decoration: underline;
}

.ie8 #header #linksHeader li a:hover {
	border-bottom: 4px solid #185D90;
	color: #333;
	text-decoration: none;
}

#header #linksHeader li.active a {
	border-bottom: 4px solid #185D90;
}

.ie #header #linksHeader li.active a {
	color: #185D90;
	text-decoration: underline;
}

.ie8 #header #linksHeader li.active a {
	color: #333;
	text-decoration: none;
}

p.novedad {
	color:#0000FF;
	font-size:20px;
	line-height:12px;
}


/* $3 Blue Bar Styles ----------------------------------------------------- */
#BlueBar {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif;
	font-size: 13px;
	color: white;
}

#BlueBar #prev, #BlueBar #next {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 82px;
}

#BlueBar #prev {
	left: 10px;
}

#BlueBar #next {
	right: 10px;
}

#BlueBar #BarContent {
	width: 680px;
	position: absolute;
	left: 40px;
	top: 5px;
	height: 185px;
}

#BlueBar #BarContentInt {
	width: 715px;
	position: absolute;
	left: 20px;
	top: 5px;
	height: 185px;
}

#BlueBar #BarContentInt #prevInt, #BlueBar #BarContentInt #nextInt {
	position: absolute;
	top: 45px;
}

#BlueBar #BarContentInt #prevInt{
	left: 0px;
}

.ie #BlueBar #BarContentInt #prevInt{
	left: 10px;
}
.ie8 #BlueBar #BarContentInt #prevInt{
	left: 0px;
}

#BlueBar #BarContentInt #nextInt{
	right: 0px;
}


#BlueBar #BarContent div.imagen, #BlueBar #BarContentInt div.imagen {
	float: left;
	margin-top: 3px;
	margin-left: 10px;
}

#BlueBar #BarContent div.contenido {
	margin-left: 10px;
	float: left;
	margin-top: 3px;
	height: 175px;
	width: 440px;
	overflow: hidden;
}

.ie6 #BlueBar #BarContent div.contenido {
	width: 420px;
}


#BlueBar #BarContentInt h1 {
	padding:0px;
	margin: 0px;
	margin-left: 10px;
	float: left;
}

#BlueBar #BarContentInt h1 a {
	color: white;
	text-decoration: none;
}

#BlueBar #BarContent div.contenido h1 {
	padding: 0px;
	margin: 0px;
}

#BlueBar #BarContent div.contenido a {
	font-size: 12px;
	color: white;
}

#BlueBar #BarContentInt #bannerInt {
	float: left;
	width: 488px;
	height: 120px;
	position: absolute;
	left: 230px;
	top: 58px;
	padding-left: 20px;
}

#BlueBar #BarContentInt #bannerInt img {
	padding: 10px;
	padding-bottom: 0px;
}

#BlueBar #BarContentInt #bannerInt div.jCarouselLiteInt {
	left: 27px;	
	height: 127px;
	overflow: hidden;
}

#BlueBar #BarContentInt #bannerInt div.jCarouselLiteInt ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#BlueBar #BarContentInt #bannerInt div.jCarouselLiteInt ul li {
	list-style: none;
	display: inline;
	float: left;
}

div.jCarouselLite {
	width: 676px !important;
}

.ie div.jCarouselLiteInt {
	width: 450px !important;
	overflow: hidden;
}

div.jCarouselLite li {
	width: 676px !important;
}

div.imagenCLI {
	text-align: center;
}

.ie div.imagenCLI {
	padding: 0px 10px;
}

.ie div.imagenCLI {
	padding: 0px;
}
.ie8 div.imagenCLI {
	padding: 0px;
}

.ie div.jCarouselLite ul li div.contenido p {
	margin: 10px;
}

#BlueBar #BarContentInt #bannerInt div.imagenCLI a {
	color: white;
	text-decoration: none;
}
#BlueBar #BarContentInt #bannerInt div.imagenCLI a:hover {
	text-decoration: underline;
}

#BlueBar #BarContentInt #bannerInt div.imagenCLI a:hover img {
	text-decoration: none;
}
/* 	$4 Content Styles ----------------------------------------------------- */
#content {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif;
	font-size: 12px;
	color: #333;
	padding: 0px 0px;
}

#content #left {
	float: left;
	width: 204px;
	padding: 0px 10px;
}

.ie #content #left {
	width: 204px;
}

.ie8 #content #left {
	width: 204px;
}


#content #center {
	float: left;
	width: 320px;
	padding: 0px 10px;
}

#content #centerInt {
	float: left;
	width: 510px;
	padding: 0px 10px;
}

#content #centerInt img.imgLeft {
	float: left;
	padding: 0px 10px;
}

#content #centerInt img.imgRight {
	float: right;
	padding: 0px 10px;
}

#content #centerInt *.imgCenter {
	text-align: center;
	margin: 10px;
	margin-left: 50px;
	padding: 0px 10px;	
}

#content #centerInt img.imgCenter {
	text-align: center;
	margin: 10px;
	margin-left: 50px;
	padding: 0px 10px;
}


#content #centerIntInd {
	float: left;
	width: 710px;
	padding: 0px 10px;
	background: white;
}

#content #centerIntInd img.imgLeft {
	float: left;
	padding: 0px 10px;
}

#content #centerIntInd img.imgRight {
	float: right;
	padding: 0px 10px;
}

#content #centerIntInd *.imgCenter {
	text-align: center;
	margin: 10px;
	margin-left: 50px;
	padding: 0px 10px;	
}

#content #centerIntInd img.imgCenter {
	text-align: center;
	margin: 10px;
	margin-left: 50px;
	padding: 0px 10px;
}

#content a img {
	border: none;
}

#content #right {
	float: right;
	width: 190px;
	text-align: center;
	vertical-align: middle;
}

#content h1 {
	font-size: 20px;
	color: #5F9ABD;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 0px;
	display: block;
	clear: both;
}

#content h2 {
	font-size: 13px;
	color: black;
	font-weight: bold;
	margin:10px 0 0px;
}


#content dl {
	margin: 0px;
}

.ie dl.listaProyectos {
	width: 100%;
	overflow: hidden;
}

#content #left dt, dl.listaProyectos dt {
	float: left;
	width: 68px;
	clear: left;
	margin-top: 15px;
}

.ie dl.listaProyectos dt {
	margin: 0px;
	margin-top: 15px;
}

#content #left dd, dl.listaProyectos dd {
	padding: 0px;
	width: 130px;
	float: left;
	left: 8px;
	position: relative;
	margin:0px;
	margin-top: 10px;
	clear: right;
	font-size: 11px;
}

.ie #content #left dd, .ie dl.listaProyectos dd {
	clear: none;
}

.ie dl.listaProyectos dd {
	width: 80%;
	display: block;
	margin: 10px;
	height: 68px;
	overflow: hidden;
}

.ie8 #content #left dd, .ie8 dl.listaProyectos dd {
	clear: none;
}

dl.listaProyectos dd {
	width: auto;
}

#content #left dd h1 a, dl.listaProyectos dd h1 a, #content dl.listaProyectos dd h1 {
	font-size: 13px;
	color: black;
	margin: 0px;
	text-decoration: none;
}

#content #left dd h1 a:hover, dl.listaProyectos dd h1 a:hover {
	text-decoration: underline;
}

#content #left dt a img, #content dl.listaProyectos dt a img{
	border: 1px solid #aaa;
}

#content #left dt a:hover img,#content  dl.listaProyectos dt a:hover img {
	border: 1px solid black;
}

#content #left label {
	clear: left;
	display: block;
	padding-top: 10px;
}

#content #left input, #content #left select {
	margin-left: 15px;
}

#content #left input {
	width: 75%;
} 

#content #left select {
	min-width: 36%;
}


div.spacer {
	clear: both; 
}

#content #right img {
	padding: 10px 0px;

}

#center #programe label {
	font-size: 11px;
	color: #333;
	text-align: left;
}

#center #programe td {
	padding: 6px 0px;
}

#programe input, #programe select, #form input, #form textarea {
	font-size: 11px;
	color: #333;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 3px;
	background-color: #fafafa;
}

form img {
	display: inline;
	width: 16px;
	height: 16px;
	overflow: hidden;
}

#programe input, #form input {
	width: 80%;
	padding: 2px 2px;
}

#programe input.error, #programe select.error, #form input.error, #form textarea.error {
	border-color: red;
	background-color: #ffe3e3;
}

#programe input:focus, #programe select:focus, #form input:focus, #form textarea:focus {
border-color:#185D90; }

#programe select {
	min-width: 40%;
	margin-right: 5px;
}

#form p {
	text-align: center;
}

#programe #botnPrograme, #form #botnPrograme {
	width: auto;
	padding: 2px 12px;
	margin: 10px 0px;
	color: #185D90;
}

#content #left #botnPrograme {
	display: block;
	margin-left: 80px;
	margin-top: 20px;
	width: auto;
	padding: 2px 12px;
}

#programe #botnPrograme[disabled], #form #botnContacto[disabled]  {
	border-color: #ccc;
	color: #ccc;
}

#programe #botnPrograme:hover, #form #botnContacto:hover {
	border: 1px solid #185D90;
}

#errorPrograme  {
	color: #b40317;
	padding-left: 10px;
}

img.imgError {
	vertical-align: middle;
	visibility: hidden;
	padding-left: 3px;
}

#imagenes {
	float: left;
	width:254px;
	border: 1px solid black;
	overflow: hidden;
}

#imagenes img {
	float: left;
	margin: 5px;
}

#content #imagenes a img {
}

#content #imagenes a  {
	border: 1px solid #999;	
	width: 117px;
	float: left;
	margin: 4px;	
}

#content #imagenes a:hover  {
	border: 1px solid #000;	

}

#muestraImagen {
	border: 1px solid black;
	width: 400px;
	margin-left: 20px;
	padding: 10px;
	text-align: center;
	float: left;
	overflow: hidden;
}

/* Ajax */
#working {
	text-align: center;
}

/* $6  Footer Styles ----------------------------------------------------- */

#footer {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif;
	font-size: 10px;
	color: #333;
}

#footer #td {
	float: right;
}

.ie #footer #td {
	margin-top: -15px;
}

.ie8 #footer #td {
	margin-top: 0px;
} 

#footer #td a {
	color: #333;
	text-decoration: none;
}
#footer #td a:hover {
	color: #F5851F;
	text-decoration: underline;
}


/* $8  Form Styles ----------------------------------------------------- */

#form fieldset {
	border: 0px;   
	width: 80%;
	margin-left: 20px;
}

#form input {
	margin-left: 20px;
}

#form label {
	display: block;
	text-align: left;
}

#form textarea {
	width:80%;
	margin-left:20px;
	padding:5px
}

#form p.obligat {
	color: red;
	font-size: 9px;
	text-align: left;
}