/*Hacks para corregir compatibilidades de apariencia*/
*{
border:0px;
	margin: 0px;
	padding: 0px;
}
img {
border: 0px;
}
a{
	text-decoration: none;
	color: #6699CC;
}
a:hover{
	text-decoration: none;
	color: #00a3e0;
	text-decoration: underline;
}
.hidden{
	display: none;
}
/* Layout Principal, contenedores de maquetacion */
body {
background-color:  #F4F4F4;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0px;
padding: 0px;
}
#LayoutGlobal{
	width: 780px;
	background-image: url(../img/fondoprincipal.gif);
	margin:0 auto;
}
#layoutContenido{
background-image: url(../img/fondocontenido.gif);
background-position:bottom right;
background-repeat: no-repeat;
margin:0 auto;
width: 760px;
}
#Cabecera{
width:760px;
height:100px;
clear: both;
border-bottom: 16px solid #EAEAEA;
}
#ContenidoGlobal{
width:760px;
margin:0 auto;
}
#ContenidoPrincipal{
float: left;
width: 500px;
min-height: 300px;
}
#ContenidoSecundario{
float: right;
width:250px;
}
#ContenidoTerciario{
visibility: hidden;
width: 250px;
background-color: Navy;
}
#Pie{
height: 14px;
clear: both;
color: Gray;
width:740px;
margin:0 auto;
margin-top:10px;
padding: 5px;
background-color: #F4F4F4;
}
/* Elementos de la maquetacion no exclusivamente contenedores */
.cita{
padding-left: 20px;
padding-right: 20px;
	text-align: justify;
	color: Gray;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
}
.flotaderecha{
float: right;
}
.flotaizquierda{
float: left;
}
#Logotipo{
display: inline;
float: right;
margin-right: 19px;
margin-top: 19px;
width: 200px;
height: 44px;
border: 0px;
}
.imagenseccion_portada{
position: relative;
display: block;
background-image: url(../img/img_portada.jpg);
	width: 760px;
	height: 190px;
	background-repeat: no-repeat;	background-color: White;
}
.imagenseccion_somos{
position: relative;
display: block;
background-image: url(../img/img_somos.jpg);
	width: 760px;
	height: 190px;	background-repeat: no-repeat;	background-color: White;
}
.imagenseccion_legal{
position: relative;
display: block;
background-image: url(../img/img_legal.jpg);
	width: 760px;
	height: 190px;	background-repeat: no-repeat;	background-color: White;
}
.imagenseccion_hacemos{
position: relative;
display: block;
background-image: url(../img/img_hacemos.jpg);
	width: 760px;
	height: 190px;	background-repeat: no-repeat;	background-color: White;
}
.imagenseccion_noticias{
position: relative;
display: block;
background-image: url(../img/img_noticias.jpg);
	width: 760px;
	height: 190px;	background-repeat: no-repeat;	background-color: White;
}
.imagenseccion_clientes{
position: relative;
display: block;
background-image: url(../img/img_clientes.jpg);
width: 760px;
height: 190px;	background-repeat: no-repeat;	background-color: White;
}
.imagenseccion_contacto{
position: relative;
display: block;
background-image: url(../img/img_contacto.jpg);
	width: 760px;
	height: 190px;	background-repeat: no-repeat;	background-color: White;
}
.imagenseccion_soporte{
position: relative;
display: block;
background-image: url(../img/img_soporte.jpg);
	width: 760px;
	height: 190px;	background-repeat: no-repeat;
	background-color: White;
}
div.citacabecera{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: right;
position: absolute;
right:20px;
bottom:10px;
font-size: 2em;
}
.autor{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 0.9em;
}
#RutaDeMigas{
background-color: White;
color: gray;
display: block;
padding-left:5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

/* Menu principal */
#ContenedorMenu{
display: block;
}
#MenuPrincipal{
font-size: 1.1em;
top:0px;
position: absolute;
}
#MenuPrincipal ul{
display:block;
}
#MenuPrincipal li{
float: left;
display: inline;
}
#MenuPrincipal li a{
padding-left: 7px;
padding-right: 7px;
padding-bottom: 7px;
text-decoration: none;
color: #6699CC;
float: left;
display: inline;
border-top: 80px solid white;
}
#MenuPrincipal li a:hover{
color: #6699CC;
float: left;
background-color: #EAEAEA;
display: inline;
border-top: 80px solid #EAEAEA;
}
#MenuPrincipalActivo li a{
color: White;
float: left;
background-color: #6699CC;
display: inline;
border-top: 80px solid #6699CC;
}
#portada #sec_portada a,
#somos #sec_somos a,
#hacemos #sec_hacemos a,
#noticias #sec_noticias a,
#trabajos #sec_trabajos a,
#contacto #sec_contacto a,
#soporte #sec_soporte a{
color: White;
float: left;
background-color: #6699CC;
display: inline;
border-top: 80px solid #6699CC;
}
/*Estilos para submenus*/
#Submenu { 
font-size: 1.1em;
list-style-type: none;
}
#Submenu ul
{
font-family: Arial, Helvetica, sans-serif;
}
#Submenu li{

margin-bottom: 1px;	
}
#Submenu a
{
width: 240px;
display:inline-block;
display:block;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 10px;
background-color: #F4F4F4;
color: #6699CC;
}
#SubmenuActivo a{
background-color: #6699CC;
color: #F4F4F4;
}

#Submenu a:hover
{
background-color: #6699CC;
color: #F4F4F4;
text-decoration: none;
}

#Submenu2 { 
font-size: 1.1em;
list-style-type: none;
}
#Submenu2 ul
{
font-family: Arial, Helvetica, sans-serif;
}
#Submenu2 li{

margin-bottom: 1px;	
}
#Submenu2 a
{
width: 240px;
display:inline-block;
display:block;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 10px;
background-color: #F4F4F4;
color: #6699CC;
}

#SubmenuActivo a{
background-color: #6699CC;
color: #F4F4F4;
}
#SubmenuActivo2 a{
background-color: #6699CC;
color: #F4F4F4;
}

#Submenu2 a:hover
{
background-color: #6699CC;
color: #F4F4F4;
text-decoration: none;
}
/*Estilos para Standard*/
H1{
clear: both;
display: block;
background-color: #F4F4F4;
color: #4682B4;
border-left: 50px solid #6699CC;
padding-left: 10px;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom: 15px;
font-size: 1.1em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.etiquetanaranja{
border-left: 50px solid orange;
background-color: #F4F4F4;
color: #4682B4;
}
.etiquetaverde{
border-left: 50px solid green;
background-color: #F4F4F4;
color: #4682B4;
}
.etiquetaamarilla{
border-left: 50px solid yellow;
background-color: #F4F4F4;
color: #4682B4;
}
H2{
clear: both;
display: block;
color: #4682B4;
padding-left: 10px;
padding-bottom: 2px;
padding-top: 2px;
font-size: 1.4em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
}
p{
margin: 10px;
font-size: 1.0em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
color: Gray;
}
.Contenedorthumbs{
margin-left: 2px;
margin-top: 10px;
margin-bottom: 10px;
display: block;
text-align: center;
}
.mas{
background-image: url(../img/mas.gif);
background-position: right;
background-repeat: no-repeat;
padding-right:20px;
text-align: right;
	float:right;
	margin-bottom: 10px;
}
.contenedor{
margin-left: 4px;
padding: 2px;
margin-top: 5px;
margin-bottom: 15px;
float: left;
}
.contenedor a{
padding-top: 2px;
padding-left: 2px;
padding-right: 3px;
padding-bottom:5px;
text-align: right;
color: Gray;
display: block;
text-decoration: none;
	background-color:#efefef;
	margin: 1px;
	border: 1px solid white;
}
.contenedor a:hover{
color: #6699CC;
	background-color:#efefef;
	margin: 1px;
	border: 1px solid #6699CC;
	text-decoration: none;
}
.destacadocontenedor{
color: Black;
font-weight: bold;
}
.destacadolistado{
color: Black;
font-weight: bold;
}
.noticia a{
clear: both;
margin: 5px;
padding: 5px;
text-decoration: none;
display: block;
border: 1px solid white;
list-style-type: none;
height: 80px;
}
.noticia a:hover{
text-decoration: none;
border: 1px solid #6699CC;
	background-color:#efefef;
	list-style-type: none;
}
.fecha {
color: #6699CC;
margin-top:0px;
margin-left: 0px;
width: 60px;
float: left;
}
.titulo {

margin-left: 80px;
display: block;
color: Black;
}
.resumen{

margin-left: 80px;
display: block;
color: Gray;
}
.resumeninterior{
font-size: 1em;
font-weight: bold;
margin-left: 10px;
padding-right: 20px;
display: block;
color: Gray;
}
.contenedorimgnoticia{
text-align: center;
float: right;
width: 112px;
}
.contenedorimgproyecto{
padding-left:10px;
float: right;
width: 240px;
}
.imgsiluetaequipo{
	float: left;
	padding: 5px;
}
.textodeequipo{
background-color: Aqua;
}
.comentarioequipo{
float: right;
margin-left: 100px;
background-color: Fuchsia	
}
#paginacion{
clear: both;
margin-bottom: 10px;
padding-bottom: 20px;
display: block;
}
.anterior a{
border-left: 20px solid #6699CC;
color: Gray;
text-decoration: none;
padding: 5px;
float: left;
}
.anterior a:hover{
border-left: 20px solid #6699CC;
text-decoration: none;
color:#6699CC;
background-color:#efefef;
}
.siguiente a{
border-right: 20px solid #6699CC;
color: Gray;
text-decoration: none;
padding: 5px;
float: right;
}
.siguiente a:hover{
border-right: 20px solid #6699CC;
text-decoration: none;
color:#6699CC;
background-color:#efefef;
}
input{
margin-left: 20px;
background-color: #F4F4F4;
	border: 1px solid Gray;
}
textarea{
margin-left: 20px;
background-color: #F4F4F4;
	border: 1px solid Gray;
}
.textoformulario{
margin-left: 20px;
font-weight: bold;
}
.imgnoticia{
float: right;
padding: 4px;
text-align: center;

}
.imgproyecto{
float: right;
padding: 4px;
}
.lista{
color: gray;
padding-left: 40px;
margin-left: 40px;
}
.lista2{

color: gray;
padding-left: 50px;
margin-left: 50px;
}
.listatartas{
list-style: none;
color: gray;
margin-left: 250px;
}
.cajas {
	BORDER:silver 1px solid;
	 FONT-WEIGHT: normal; 
	 FONT-SIZE: 10px;
CURSOR: auto; 
COLOR:grey;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 BACKGROUND-COLOR: #ffffff
}
.titulos {

color: #00A3E0;

}
.inputnumeros{
margin-left: 20px;
background-color: #F4F4F4;
	border: 1px solid Gray;
text-align: right;
}

.listado3 {
	padding: 0px;
	text-decoration: none;
	border: 1px none white;
	list-style-type: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
/*Estilos especificos para el back*/
#contenidoprincipalbackoffice{
float: left;
width: 750px;
min-height: 300px;
}
/*Submenus*/
#submenusbackoffice{
height: 60px;
}
/*Submenus*/
#submenuback{
}
#Submenubackoffice {
padding-left: 2px;
height: 26px;
background-color:#6699CC;
display: block; 
font-size: 1.2em;
list-style-type: none;
}
#Submenubackoffice ul
{

font-family: Arial, Helvetica, sans-serif;
}
#Submenubackoffice li{
display: inline;
margin: 0px;
}
#Submenubackoffice a
{
float: left;
width: 122px;
display:inline;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 4px;
background-color: #6699CC ;
color:#F4F4F4;
height: 20px;
}

#SubmenuActivobackoffice a{
background-color: #F4F4F4;
color:#6699CC ;
}
#Submenubackoffice a:hover
{
background-color: #EFEFEF;
color: #6699CC;
text-decoration: none;
}

/*submenu2*/
#submenuback2{
float: right;
display: inline;
font-size: 1.0em;
list-style-type: none;
margin-right: 2px;
height: 24px;
}
#Submenubackoffice2 ul
{
font-family: Arial, Helvetica, sans-serif;
}
#Submenubackoffice2 li{
height: 24px;
display: inline;
margin-left: 1px;
list-style: none;
}
#Submenubackoffice2 a
{
float:left;
width: 120px;
display:inline;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 6px;
background-color:#F4F4F4  ;
color:#6699CC;
}

#SubmenuActivobackoffice2 a{
background-color:#6699CC ;
color: #F4F4F4;
}
#Submenubackoffice2 a:hover
{
background-color: #6699CC;
color:#EFEFEF ;
text-decoration: none;
}
.icono{
	float: left;
	padding-right: 3px;
}
.thead{
text-transform: uppercase;
font-weight: bold;
color: black;
}
.thead a{
	color:black;
}
.estadoproyecto{
width: 500px;
text-align: right;
color: Black;
font-weight: bold;
float: right;
padding-right: 10px;
}
color: Black;
}
.test{
	border: 1px solid red;
}
.botonera{
padding: 1px;
height: 14px;
	width: 400px;
		text-align: right;
		padding-right: 10px;
		float: right;
}
label{
text-align: right;
padding-left: 5px;
float: left;
display: block;
width: 110px;
}
.columnaizquierdadatos{
float: left;
	width: 50%;
}
.columnaderechadatos{
float: right;
	width: 50%;
}
.clearboth{
clear: both;
}
input{
border: 1px solid #EFEFEF;
color:black;
background-color: #F4F4F4;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
select{
border: 1px solid #EFEFEF;
color:black;
background-color: #F4F4F4;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin-left:20px;
}
textarea{
border: 1px solid #EFEFEF;
color:black;
background-color: #F4F4F4;
font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.columnaizquierdapresupuesto{
float: left;
	width: 55%;
}
.columnaderechapresupuesto{
float: right;
	width: 40%;
	margin-right: 5px;
}
.centrado{
text-align: center;
display: block;
clear: both;
}

.encabezadotablaclack{
	color: Gray;
	padding-bottom: 10px;
}
.strong{
	font-weight: bold;
}
a.boton{
height: 16px;
padding-left: 5px;
 padding-right: 5px;
background-color: #F4F4F4;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-decoration: none;
color:black;
border: 1px solid #D4D4D4 ;
}
a.boton:hover{
text-decoration: none;
border: 1px solid #6699CC;
color:white;
background-color: #6699CC;
}

.text-align-right{
	text-align: right;
}

#LayoutGlobalprint{
	width: 600px;
	background-image: url(../img/fondoprincipal.gif);
	margin:0 auto;
}
#layoutContenidoprint{
background-image: url(../img/fondocontenido.gif);
background-position:bottom right;
background-repeat: no-repeat;
margin:0 auto;
width: 600px;
}
#Cabeceraprint{
width:760px;
height:100px;
clear: both;
border-bottom: 16px solid #EAEAEA;
}
#ContenidoGlobalprint{
width:600px;
margin:0 auto;
}


