/* Start of CMSMS style sheet 'TECNINORTE 2009:css' */
/********************************************
                      CSS (c) Tecninorte 2009

********************************************/ 

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

body { margin: 23px 0 0; background: #fff; font: .8em "Trebuchet MS", Arial, Sans-Serif; color: #444; }
	h1 { font-size: 3em; font-weight: normal; float: left; }
	h1 a { text-decoration: none; }
	h2 { font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
	h3 { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 0 0 .8em; }
	h4 { font-size: 1.4em; margin: 0 0 .8em; }
	h5 { font-size: 1.2em; margin: 0 0 .8em; }
	p  { margin: 0 0 1.8em 0; line-height: 1.6em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #FF6600; }
	a:hover { color: #A0000E; text-decoration: none; }
	img { border: 0; }
        ul,ol{padding:10px; margin:10px;}
	.red { color: #FF6600; }
        .gris { color: #444; }

ul.lista { margin:0 0 1.8em 20px; padding:0; }
ul.lista ul { margin:10px 0 10px 30px; padding:0; }
	
.wrap { width: 900px; margin: 0 auto; }
 
#header { width: 900px; height: 128px; margin: 0 auto; }

#buscar { float: right; margin:20px 0; display:block; }
#buscar label { margin-right:7px; }
#buscar .boton { vertical-align:bottom; margin-left:7px; }
#buscar #cntnt01searchinput { color:#888; border:1px solid #888; padding:1px; background-color:#f2f2f2; }
#buscar #cntnt01searchinput:focus { background-color:#f0f0f0; }
#buscar p { margin:0; }

	#menu  { float: right; padding: 0; list-style: none; display:block; width:500px; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #FF6600;}
 
#teaser { clear: both; height: 259px; background: #fff url(uploads/tecninorte2009/teaserbg.jpg) repeat-x; }
	.box2 { float: left; padding: 30px 0 0; width: 480px; color: #C7E3EE; }
	#image { float: right; width: 388px; position: relative; top: 16px; background: url(uploads/tecninorte2009/logotype.jpg) no-repeat top right; height: 237px; }

#teaser2 { clear: both; height: 189px; background: #fff url(uploads/tecninorte2009/teaserbg2.jpg) repeat-x; }
	.box { float: left; padding: 50px 0 0; width: 480px; color: #C7E3EE; }
#teaser2 #image { float: right; position: relative; top: 0px; background: url(uploads/tecninorte2009/logotype2.jpg) no-repeat top right; height: 189px; width:388px;}

#teaser2 #image-empresa { float: right; position: relative; top: 0px; background: url(uploads/tecninorte2009/logotype-empresa.jpg) no-repeat top right; height: 189px; width:388px;}

#teaser2 #image-servicios { float: right; position: relative; top: 0px; background: url(uploads/tecninorte2009/logotype-servicios.jpg) no-repeat top right; height: 189px; width:388px;}

#teaser2 #image-noticias { float: right; position: relative; top: 0px; background: url(uploads/tecninorte2009/logotype-noticias.jpg) no-repeat top right; height: 189px; width:388px;}

#teaser2 #image-contactar { float: right; position: relative; top: 0px; background: url(uploads/tecninorte2009/logotype-contactar.jpg) no-repeat top right; height: 189px; width:388px;}

#teaser2 #image-accesibilidad { float: right; position: relative; top: 0px; background: url(uploads/tecninorte2009/logotype-accesibilidad.jpg) no-repeat top right; height: 189px; width:388px;}

#teaser2 #image-buscar { float: right; position: relative; top: 0px; background: url(uploads/tecninorte2009/logotype-buscar.jpg) no-repeat top right; height: 189px; width:388px;}




.news a {
	color: #000000;
	text-decoration: none;
	background-color: inherit;
	background-image: url(uploads/tecninorte2009/h2bg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
}
.news a:hover {
	background: url(uploads/tecninorte2009/h2bghover.gif) no-repeat center left;
}

#bar { height: 40px; margin: 0; padding: 8px 0 0 0; background: url(uploads/tecninorte2009/bar.gif) repeat-x; }
.step { color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(uploads/tecninorte2009/step.gif) no-repeat; height: 30px; }
.step a { color: #fff; margin: 0 10px 0 0; }
.step span { color: #fff; margin: 0 10px 0 0; }
	
.col { float: left; width: 276px; margin: 30px 30px 16px 0; }
.col p { margin-bottom:1.2em; }
.last { float: right; margin: 30px 0 0 0; }
.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }
.conecta {
	border: 1px solid #e0e0e0;
	background: #f4f4f4;
	padding: 5px;
	text-align: center;
        margin-top: 20px;
}
	.right { float: right; margin: 0 10px 0 0; }

#migas { margin:0 0 30px 0; background-color:#f3f3f3; }
#migas .lastitem { font-weight: bold; }
	
#footer { clear: both; width: 900px; margin: 0 auto; padding: 15px; border-top: 1px solid #e0e0e0; background: #fff url(uploads/tecninorte2009/ascentic.jpg) no-repeat right 13px; }	
#footer .right { float: right; margin: 0 110px 0 0; display:inline; }
#footer .left { float:left; clear:left; margin:0 0 5px 0; width:270px; }
#footer a { color: #808080; font-weight: bold; }


.dossier {
	background-color: inherit;
	background-image: url(uploads/tecninorte2009/pdf.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 25px;
        line-height: 20px;
}

/****NOTICIAS****/

.leermas a {
	color: #666666;
	text-decoration: none;
	background-color: inherit;
	background-image: url(uploads/tecninorte2009/leermas.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
}

.leermas a:hover {
	color: #999999;
             text-decoration: underline;
	background-image: url(uploads/tecninorte2009/leermas.gif);
}
/*---- DETALLE DE NOTICIAS -----*/

#noticiadetalle{
        border: 1px solid #d3c5af;
        padding: 20px;
        margin: 10px;
}

#NewsPostDetailSummary img {
        float: left;
	border: 1px solid #d3c5af;
        padding: 5px;
        margin-right: 15px;
        margin-bottom: 10px;
}
#NewsPostDetailTitle{
	color: #3399CC;
	font-size: 20px;
}
#NewsPostDetailPrintLink a{
        float:right;
	color: #333;
	font-size: 12px;
        background: url(uploads/tecninorte2009/impresora.gif) 5px 0 no-repeat #fff; 
        padding-left: 30px;
        padding-right: 5px;
        text-decoration:none;
	border: 1px solid #d3c5af;
}

#NewsPostDetailReturnLink a{
        float:right;
	color: #333;
	font-size: 12px;
        background: url(uploads/tecninorte2009/volver.gif) 5px 0 no-repeat #fff; 
        padding-left: 30px;
        padding-right: 5px;
        margin-right: 20px;
        text-decoration:none;
	border: 1px solid #d3c5af;
}

#NewsPostDetailDate{
        float:left;
}
#NewsPostDetailHorizRule {
      	border: 1px dashed #d3c5af;
}
#NewsPostDetailSummary {
       	font-size: 16px;
}
#NewsPostDetailContent ul {
        margin: 20px;
}
#NewsPostDetailContent ul li{
        margin: 10px;
}
/*----ACTUALIDAD Y NOTICIAS ----*/

.noticia {
	border: 1px dotted #d3c5af;
	padding: 10px;
	background: #f6f4ef;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}
.noticia img {
        float: left;
	border: 1px solid #d3c5af;
        padding: 5px;
        width: 135px;
        height: 80px;
        margin-right: 20px;
        margin-top: -20px;
}
.noticiatitulo a {
	color: #3399CC;
	font-size: 20px;
	letter-spacing: -0.05em;
	margin-left: 167px;
        text-decoration:none;
}
.noticiaresumen{
        margin-top: 10px;
}
.noticialeermas{
         margin-top: 20px;
}
.noticialeermas a{
         padding-left: 20px;
         background-color: transparent;
         background-image: url(uploads/tecninorte2009/noticia.gif);
         background-repeat: no-repeat;
         text-decoration:none;
         color: #3399CC;
}

/* --------------------*/



#nubeideas .letra1{	font-family: "Trebuchet MS";	font-size: 18px;	color: #FF6600; text-decoration:none;}
#nubeideas .letra2{	font-family: "Trebuchet MS";	font-size: 15px;	color: #99CC33; text-decoration:none;}
#nubeideas .letra3{	font-family: "Trebuchet MS";	font-size: 26px;	color: #FF33CC; text-decoration:none;}
#nubeideas .letra4{	font-family: "Trebuchet MS";	font-size: 13px;	color: #CCCCCC; text-decoration:none;}
#nubeideas .letra5{	font-family: "Trebuchet MS";	font-size: 20px;	color: #33CCCC; text-decoration:none;}
#nubeideas .letra6{	font-family: "Trebuchet MS";	font-size: 11px;	color: #FFFF99; text-decoration:none;}
#nubeideas .letra7{	font-family: "Trebuchet MS";	font-size: 17px;	color: #66CC00; text-decoration:none;}
#nubeideas .letra8{	font-family: "Trebuchet MS";	font-size: 24px;	color: #990099; text-decoration:none;}
#nubeideas .letra9{	font-family: "Trebuchet MS";	font-size: 16px;	color: #FFFFFF; text-decoration:none;}

.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}



a.itemlink  {
   color: #3399CC;
   font-size:18px;
   letter-spacing: -0.05em;
   font-weight: bold;
   text-decoration:none;
   }

a.itemlink:hover {
        color:#f60;
        border-bottom:1px dotted #f60;
}

a.itemsublink  {
   color: #384654;
   }

div.itemmenucontainer  {
	color: #666666;
	background: transparent;
	padding: 15px 10px 10px 20px;
	width: 750px;
	background-image: url(uploads/tecninorte2009/itenmenucontainer.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:70px;
	margin: 0 5px;
}

div.itemoverflow  {
   overflow: hidden;
   }

div.itemoverflow img  {
	border: none;
   }

.itemoverflow a  {
	border: none;	
   }

p.itemicon  {
   float: left;
   margin-right: 15px;
margin-left:30px;
display:inline
   }

p.itemtext  {
   float: left;
   width: 651px;
   margin: 0;
   padding:0 0 1.8em 0;
   }


#col_derecha { width: 400px; float: right; margin-top: 10px; display:inline; overflow:hidden;}
#col_derecha h3 { border:none; }

.clear {clear:both;}

#texto {float: left; width: 450px;}

#experience { margin:16px 0 0 0; padding:0; list-style:none }

	#experience li { min-height:106px; margin-bottom:16px; padding-top:16px; border-top:1px solid #EAEAEA  }

		#experience li.reset { padding-top:0; border-top:none }

		#experience .image, #descriptionProject .image { float:left; width:150px; height:88px; padding:7px 9px 8px 6px; margin-right:10px; border: 1px solid #666666; }

			#experience .image img { max-width: 196px; max-height:89px; }

		#experience .description { float:left; width:220px; }

			#experience h4, #experience p, #experience span { margin-left:10px }

			#experience li span { display:block; margin-top:13px; }

/* CAJAS SERVICIOS */

	.cajatop { height: 19px; background: #fff url(uploads/tecninorte2009/boxtop.gif) no-repeat; color: #000; width:292px; }

	.caja { background: #fff url(uploads/tecninorte2009/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; width: 280px; }

	.caja p { padding: 0; margin: 0;}



	.image { width: 100px; height:70px; float: left; margin: 0 9px 3px 0; border: 1px solid #ccc; padding: 5px; }

.buttons { text-align: right; padding: 4px 3px 0 0;}

.bluebtn { background: url(uploads/tecninorte2009/bluebtn.gif) no-repeat; width: 100px; padding: 1px 25px 5px 16px; color: #fff; text-decoration: none; }

.bluebtn:hover { background: url(uploads/tecninorte2009/hoverbtn.gif) no-repeat; color: #fff; }



/*---- FORMULARIO DE CONTACTO ----*/

.formcont {padding-top:20px;}
.formcont form {width:330px; font-weight: bold;}
.formcont fieldset {padding:1em;}
.formcont label {display:block;}
.formcont #name, .formcont #email, .formcont #subject {width:70%;border: 1px solid black; margin:0 0 0.5em 0;}
.formcont #message {width:100%; border: 1px solid black; margin:0 0 0.5em 0;}
.formcont .button {float:left; width:50%;}
.formcont ul li {margin-left:20px; list-style-type:disc;}
.formcont .formError {font-weight:bold; margin-bottom:30px;}

.formcont .aviso-legal { font-size:11px; line-height:14px; margin:20px 0 0 0; }




/*--- MENÚ IZQUIERDO ---*/

#menu-empresa { float:left; width:200px; margin-bottom:40px; }
#menu-empresa h3 { border:none; }
#menu-empresa ul { list-style-type:none; margin:0; padding:0; border-bottom:1px solid #eee; }
#menu-empresa ul li { border-top:1px solid #eee; }
#menu-empresa ul li a { color:#444; text-decoration:none; display:block; padding:10px; width:180px; height:18px; }
#menu-empresa ul li a:hover { background:url(uploads/tecninorte2009/fondo-menu.jpg) 0 0 repeat-x; }

#contenido-empresa { width:650px; float:right; border-left:1px solid #eee; padding-left:25px; margin-bottom:30px; min-height:250px; }
#contenido-empresa h4 { border-bottom:1px solid #eee; }
#contenido-empresa ul { margin-bottom:20px; }
#contenido-empresa ul li { margin-bottom:10px; }
#contenido-empresa blockquote { width:448px; height:75px; background:url(uploads/tecninorte2009/comillas.jpg) 0 0 no-repeat; font-size:18px; text-align:center; padding-top:50px; margin:0 auto; }



/*--- ZONA PRIVADA ---*/

div.info { margin-bottom:20px; width:260px; }
.info h3 { border-bottom:1px solid #e0e0e0; }
.info h3 a { color:#444; text-decoration:none; }
.info label { width:100px; display:block; float:left; margin-bottom:5px; }
.info input { float:left; margin-bottom:5px; }

.enlaces td { padding:5px 20px; }

/* End of 'TECNINORTE 2009:css' */