/* COLORES
	AZUL #007D7D
	NARANJA #FF7D00
	GRIS #595959
	NEGRO
	BLANCO
*/

* {margin: 0%; padding: 0%;}



body {

	background: #000000 url(img/fondo2.png);
	color: #595959;
	/* fuente en porcentaje -ok*/
	font: normal 62.5% arial,serif,sans-serif ;
	/* padding alrededor -ok*/
	/*padding: 0.1%;*/
	/*margin-right:-3%;*/
}

hr {
	text-align: left;
	width: 70%;
}


a {color: #007D7D;}

a:hover {color: #FF7D00;}



:link img {color: #007D7D;}

a img{color: #007D7D;}

a:hover img {color: #FF7D00;}



big {font-size: 1.1em;}



h1,h2,h3,h4 {color: #000000; padding: 8px 0 2px;}



h1 {font-family: arial,serif,sans-serif;

	font-size: medium;}

h1 a {text-decoration: none;}

h1 a:hover {text-decoration: underline;}



h2 {font-family: arial,serif,sans-serif; font-size: medium;}

h3 {font-family: arial,serif,sans-serif; font-weight: bolder;}

h4 {font-family: arial,serif,sans-serif; font-weight: bolder;}

h5 {font-family: arial,serif,sans-serif; font-weight: bolder;}

h6 {font-family: arial,serif,sans-serif; font-size: 70%;}



blockquote {

	/*background: url('img/quote.gif') no-repeat;*/
	/*display: block;*/
	font: normal 1.1em Georgia,serif;
	margin: 4px 0;
	/*border-top: 1px dashed #BCBAAC;*/
	width: 90%;

}

blockquote img {

	display: block;
	margin: auto;
	border: 0px;
	text-align:center;

}



blockquote form {

	margin: 10% 10% 10% 10%;

}



/*form,table {margin-bottom: 1.2em;}*/

/*img a {border: 2px;

border-color: #FF7D00; }

*/

label {display: block;}

li {line-height: 1.5em;}

p {padding: 1px 15px 10px 0px;}

small,.small {font: normal 0.9em sans-serif;}

ul {padding: 0 2em 1.2em;}



/* structure */

#wrapper {

	/*background: #000000 url(img/wrapper.gif) no-repeat left bottom; */

	/*margin: 0.05%;*/

	/* ancho del contenido -ok*/

	/*width: 95%;*/

}

#container {

	/*background: #CCD5D5;*/

	/*border-top: 6px solid #000000; /* BORDE ARRIBA*/

	font-size: 1.3em;
	line-height: 150%;

	/*margin: 1%;*/
	margin-left: 0.3%;
	margin-top: 0.3%;
	margin-right: 0.1%;

	/* ancho del interior -ok*/ /* problemas con IE */

	width: 99.5%;



}



/* header */

.title {

	background: #E2DED4 url(img/titulo-h1.jpg) repeat-x;

	border-top: 1px solid #FF7D00;

}

.title h1 {

	color: #441;

	font: normal 170% arial,serif,sans-serif;

	padding: 1%;

}



.header {

	/*border-top: 2px solid #FF7D00;*/

	background: #007D7D;/* url(img/fondotitulo.jpg);*/

	height: 80px;

}



.titulocentro{

    position:absolute;
    top: 19px;
	/*top: 4%;*/
    left: 30%;

}
.titulocentro a img{
	border: 0px;
	text-decoration: none;
	
}
/* ----------------- BOTONERA ----------------------*/

.activo{
	color: #007D7D;
	
}

/* navigation */

.navigation {

	background: #DED9D0 url(img/nav.gif) repeat-x;

	height: 30px;

	border-top: 1px solid #000000;

	border-bottom: 1px solid #000000;

}

.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #000000;
	color: #000000;
	float: left;
	font: bold 85% arial,serif,sans-serif;
	/* ancho de cada boton -ok */
	padding: 0 1%;
	line-height: 30px;
	text-align: center;
	text-decoration: none;

}

.navigation a:hover,.navigation a#active {background-position: left bottom; color: #FF7D00;}

.navigation a img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/* ----------------- BOTONERA 2 ----------------------*/



/* navigation */

.navigation2 {

	background: #DED9D0 url(img/nav.gif) repeat-x;

	height: 20px;

	border-top: 1px solid #000000;

	border-bottom: 1px solid #000000;

	

}

.navigation2 a {

	background: #FFF url(img/nav.gif) repeat-x;

	border-right: 1px solid #000000;

	color: #000000;

	float: left;

	font: bold 85% arial,serif,sans-serif;

	/* ancho de cada boton -ok */

	padding: 0 1.5%;

	line-height: 20px;

	text-align: center;

	text-decoration: none;

}

.navigation2 a:hover,.navigation a#active {background-position: left bottom; color: #FF7D00;}





/* main */

/*.main#two-columns {background: #FFF url(img/two-columns.gif) repeat-y;}*/


/* ----------------- PARTE ABAJO ----------------------*/

/* bottom */

.bottom {

	background: white/*#DCDAC9 url(img/bottom.gif) no-repeat left bottom*/;
	border: 2px solid #FF7D00;
	color: #444;
	padding: 0.5% 1%;
	margin-top: 1%;
	text-align: center;
	text-decoration: none;
}
.bottom  a img{
	height: 70px;
	border: 0px;
	text-decoration: none;
}

.bottom .left,.bottom .right {width: 49%;}



/*Webdesign */

.webdesign

{

	display:none;

	text-align:center;

}

.web_design

{

	font-style: normal;

}

.outsourcing

{

	font-style: normal;

}

/* ----------------- DONDE ESTOY ----------------------*/

/* whereiam */

.whereiam {
	padding: 0% 0.3% 0.1% 0.3%;
	/*margin-top:0%;
	margin-bottom: 1.25%;*/
	background: none;
	color: #FFFFFF;
}

.whereiam a {

	color: #FFFFFF;

	text-decoration: none;

}

.whereiam a:hover {

	text-decoration: underline;

}

.whereiam .leftt {text-align: left; width: 65%; float: left;}

.whereiam .rightt {text-align: right; width: 20%; float: right;}





/* ----------------- PIE ----------------------*/

/* footer */

.footer {
	background: #000000;
	color: #FF7D00;
	padding: 0.1% 1% 0% 1%;
	margin-bottom: 0px;
}

.footer .left {width: 60%;}

.footer .right {
	width: 29%;
	text-align: right;
}

.footer a {
	color: #FFF;
	text-decoration: none;
}

.footer a:hover {
	color: #FFF;
	text-decoration: underline;

}



/* gallery */

.gallery td {

	vertical-align: top;

	text-align: center;

}

.gallery em {display: block;}



/* misc */

.clear,.clearer {clear: both;} 

.clearer {font-size: 0;}

/* ancho columna izquierda */

.col2 .left {width: 79%; background: #FFFFFF url(img/fondo4.jpg) repeat-y right; border: 2px solid #FF7D00;
	background: #FFFFFF url(img/fondologo3.gif) no-repeat left top;
			 }

.col2 .right .content {background: #FFFFFF url(img/fondo4.jpg) repeat-y right; border: 2px solid #FF7D00;}

.fondopaypal{
	background: url(img/paypal.gif) no-repeat right; 
	width:80%;
}

/* ancho columna derecha */

.col2 .right {width: 20%; }

.content {padding: 5px 15px;

background: url(img/fondo.jpg) repeat-y right ;

}

.right .content a { text-decoration: none;}

.left {float: left; }

.right {float: right; margin-bottom:1%;}

/* NOTICIAS parte derecha */

.right .content {padding: 2% 2% ;}





/* block list */

ul.block {

	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 86%;
}

.block li {

	border-bottom: 1px dashed #BCBAAC;

	list-style: none;

}

.block li a,.block li em {

	color: #595959;

	display: block;

}

.blockquote li em {

	font-size: 0.9em;

	font-style: normal;

}

.block li a {

	padding: 4px 3%;

	text-decoration: none;

	width: 94%;

}

.block li a span {font-weight: bold;}

.block li a:hover {

	background: #D2D0C0;

	color: #553;

}



.right .block,.right .block li {border-color: #FF7D00;}

.right .block li a:hover {background: #F2F0EA;}



.input 

{

	background: #fee3ad;

	border: 1px solid #FF7D00;

}

textarea

{

	background: #fee3ad;

	border: 1px solid #FF7D00;

}

.recuadro

{

	font-size: 110%;

	font-weight:bolder;

	color:red;

	width: 50%;

	text-align: center;

	border: 1px;

	margin: 0%;

	border: dashed 2px #007D7D;

	position: relative;

	left: 20%;

	right: 80%;

}



.construccion{

	text-align: center;

}



.tablaacerca{

	text-align: center;

	border:1px;

	width: 95%;

}

.tablaacerca a {

	font-weight: bolder;

	font-size: 85%;

}

.tablaacerca a img {

	border: 0px;

}

/* -------------------------- PORTADA */

.tablaportada{
	text-align: center;
	border: 1px;
	width: 93%;

}

.tablaportada a {
	text-decoration: none;
	font-weight: bolder;
	font-size: 85%;

}

.tablaportada a img {
	border: 0px;
}



/* ----------------------- INTERNET */

.tablainternet{

	text-align: left;

	border: 1px;

	width: 93%;

}

.tablainternet a img {

	border: 0px;

}

/* -------------------------------- GENERAL */

.smallred{
	font-size: 60%;
	color: red;
}

/* ------------------------------- TABLA MAPA DEL SITIO */

.tablamapa{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;
	background-image: url(img/fondomapa.jpg);
	background-position: bottom center;
	background-repeat: no-repeat; 
}

.textomapa{
	font-size: 95%;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 0 2px;
}

/* ------------------------------- TABLA MULTIMEDIA DEL SITIO */

.tablamultimedia{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;
	background-image: url(img/fondomultimedia.jpg);
	background-position: bottom center;
	background-repeat: no-repeat; 
}
.tablamultimedia img {
	border: 0px;
}
/* ------------------------------- TABLA MEDIOS DEL SITIO */

.tablamedios{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;
	background-image: url(img/fondomedia.jpg);
	background-position: bottom center;
	background-repeat: no-repeat; 
}

.tablamedios img {
	border: 0px;
}
/* ------------------------------- TABLA QUIENES SOMOS */

.tablaquienes{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;
	background-image: url(img/fondoquienes.jpg);
	background-position: bottom center;
	background-repeat: no-repeat; 
}

/* ------------------------------- TABLA Proyecto */

.tablaproyecto{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;
	background-image: url(img/fondoproyecto.jpg);
	background-position: bottom center;
	background-repeat: no-repeat; 
}

/* --------------------------------- ENLACE MAIL EN PIE */
.navenlace {
   border: none;
} 
.navenlace a {
   background-image: url(img/off.jpg);	
   background-repeat: no-repeat;
   background-position: left top;
   display: inherit;
   width: 90px;
   height: 12px;
   padding-left: 100px;
   padding-bottom: 1%;
   
}

.navenlace a:hover {
   background-image: url(img/on.jpg);	
} 

/* ------------------------------- TABLA PATROCINADORES */

.tablapatrocinadores{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: center;
}

.tablapatrocinadores img {
	border: 0px;
	height: 60px;
}

/* ------------------------------- TABLA PATROCINADORES */

.tablapatrocinadoresant{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: center;
}

.tablapatrocinadoresant img {
	border: 0px;
	height: 46px;
}
/* ------------------------------- TABLA 1 PATROCINADOR */

.tablapat{
	width: 80%;

	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;


}
.tablapat img {
	border: 0px;
	/*height: 100px;*/  /* tamaņo original de buena calidad de cada imagen sino tratarla y poner otra imagen */
}
/* ------------------------------- TABLA SNAIL */

.tablaproyecto{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;
	#background-image: url(img/fondoproyecto.jpg);
	background-position: bottom center;
	background-repeat: no-repeat; 
}

/* ------------------------------- TABLA ELEC */

.tablaelec{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;
	background-image: url(img/elec.png);
	background-position:  70% top;
	background-repeat: no-repeat; 
}
/* ------------------------------- TABLA MECANICA */

.tablamec{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;
	background-image: url(img/prod.png);
	background-position:  80% top;
	background-repeat: no-repeat; 
}

/* ------------------------------- TABLA FINAL */

.tablafinal{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: center;
}

/* ------------------------------- TABLA SNAIL DAQ */

.tablasnail{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	text-align: left;
	background-position: bottom center;
	background-repeat: no-repeat; 
}
.tablasnail img {
	border: 0px;
}

.imagensinborde  img {
border: 0px;
}