/* CSS WebSantaren */

*{
	margin:0;
	padding:0;
	/*behavior: url(css/iepngfix.htc); /* Filtro para PNG en IE*/
}


body{
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/fondo.jpg) repeat-x;
}
strong{
	color:#06f;
}

table{
	width:100%;
}

td{
	padding:5px;
	border-right:dotted #06c 1px;
	border-bottom:dotted #06c 1px;
}

td.caract{
	text-align:center;	
}

td.clases{
	text-align:left;
}

a, img{
	border:0;
}

a, a:link{
	color:#0099FF;
	text-decoration:none;
}

a:hover{
	text-decoration:line-through;
}

a:visited{
	color:#039;
}

ul{
	padding:0 0 0 30px;
}

li{
	padding:0 0 0 0px;
}

.clear{
	clear:both;
}

h2{
	color:#02406c;
	margin:0.5em 0 0.5em 0;
	letter-spacing:-1px;
	font-size:20px;
}

h3{
	color:#09f;
	font-size:18px;
	margin:0.5em 0 0.5em 0;
	letter-spacing:-1px;
}

h4{
	color:#02406c;
	font-size:14px;
	margin:0.5em 0 0.5em 0;
	padding:3px;
	letter-spacing:-1px;
	background-image:url(../images/h3dots2.png);
}

/**html h4{
	background-image:url(../images/h3dots2.gif);
}*/

#contenedor{
	width:839px;
	margin:auto;
}

#logo{
	width:204px;
	height:149px;
	margin:10px 0 0 30px;
	float:left;
	/*background-image:url(../images/logo.jpg);*/
}

#logo h1{
	text-indent:-10000px;
}

#logo h1 a{
	position:relative;
	display:block;
	width:204px;
	height:149px;
	background-image:url(../images/logo.jpg);
}

#webs{
	width:368px;
	height:281px;
	margin:12px 25px 0 0;
	float:right;
	background:url(../images/webs.jpg) no-repeat;
}

.btn_portafolio{
	padding:240px 0 0 80px;
}

.cita{
	width:350px;
	height:100px;
	margin-top:38px;
	float:left;
}

.cita p{
	color:#fff;
	font-size:16px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contenido{
	
}

/**** PARA EL INDEX (3 columnas)****/

.cols{
	width:228px;
	margin:40px 0 0 39px;
	float:left;
}

.cols a{
	color:#09f;
}

/*html .cols{
	width:228px;
	margin:40px 0 0 25px;
	float:left;
}*/

.cols_titulo{
	padding-bottom:0.1em;
	margin-bottom:15px;
	background:url(../images/fnd_h2.jpg) bottom repeat-x;
}

.cols img{
	margin-bottom:15px;
}

/**** PARA LAS DEMÁS SECCIONES A DOS COLUMNAS ******/

.col_menu{
	width:228px;
	margin:40px 0 0 39px;
	padding:5px 19px 0 15px;
	float:left;
	background:url(../images/fnd_menu-servicios.jpg) no-repeat;
}

/*html .col_menu{
	width:228px;
	margin:40px 0 0 20px;
	padding:5px 19px 0 15px;
	float:left;
	background:url(../images/fnd_menu-servicios.jpg) no-repeat;
}*/

.col_menu_abajo{
	width:240px;
	height:70px;
	background:url(../images/fnd_menu-servicios_bottomm.jpg) bottom no-repeat;
}

.titulo_menu{
	padding-left:12px;
}

/* html .titulo_menu{
	padding:1px 0 0 12px;
}*/

.col_menu h3{
	color:#fff;
	font-size:16px;
	letter-spacing:-1px;
	margin-bottom:25px;
}

.col_menu ul{
	padding:0;
}

.col_menu ul li {
	margin: 0;
	padding: 0;
	font-size: 100%;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #f08906;
	list-style:none;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#ccc;*/
}

.col_menu ul li a {
	margin: 0;
	padding: 10px 0px 10px 13px;
	color:#008de7;
	text-decoration: none;
	display: block;
}

/*html .col_menu ul li a {
	padding: 10px 0px 10px 13px;
}*/

.col_menu ul li a:visited {
	color:#008de7;
}

.col_menu ul li a:hover {
	margin: 0;
	padding: 10px 0px 10px 13px;
	color:#fff;
	background-color: #008de7;
	text-decoration: none;
}

.resaltado{
	color:#009;
}

.col_contenido{
	float:left;
	width:500px;
	margin-top:40px;
	padding:0 0 0 20px;
}

.col_contenido a{
	color:#09f;
}

.col_descargas{
	width:170px;
	margin:0 30px 0 30px;
	float:left;
}

/**** SECCIONES A UNA COLUMNA *****/

.col_contenidoo{
	float:left;
	width:700px;
	margin:auto;
	padding:20px 0 0 40px;;
}

.col_contenidoo h2{
	color:#009;
	margin:0.5em 0 0.5em 0;
	letter-spacing:-1px;
}

.col_contenidoo h3{
	color:#09f;
	font-size:16px;
	margin:0.5em 0 0.5em 0;
	letter-spacing:-1px;
}

.col_contenidoo h4{
	color:#009;
	font-size:14px;
	margin:0.5em 0 0.5em 0;
	letter-spacing:-1px;
}

.imagen{
	width:100%;
	margin-top:20px;
	text-align:center;
}

/**** MENU ****/

.menu {
	height:37px; 
	margin-top:9px;
	position:relative; 
	/*font-family:arial, verdana, sans-serif; */
	font-size:13px;
	z-index:500;
}

.menu .select {
	margin:0; 
	padding:0 0 0 20px; 
	list-style:none; 
	white-space:nowrap;
}

.menu li {
	float:left;
	background:url(..images/fnd_menu_over.jpg);
}

.menu .select a {
	display:block; 
	height:37px; 
	float:left; 
	/*background: url(../images/fnd_menu.jpg); */
	padding:0 0 0 15px; 
	text-decoration:none; 
	line-height:35px; 
	white-space:nowrap; 
	color:#ddd;
}

.menu .select a b {
	display:block; 
	padding:0 30px 9px 10px; 
	/*background:url(../images/fnd_menu.jpg) right top;*/
}

.menu .select a:hover, 
.menu .select li:hover a {
	background: url(../images/fnd_menu_over.jpg); 
	/*padding:0 0 0 15px;*/
	line-height:35px;
	cursor:pointer; 
	color:#fff;
}

.menu .select a:hover b, 
.menu .select li:hover a b {
	display:block; 
	padding:0 30px 9px 10px; 
	/*background:url(../images/fnd_menu_over.jpg) right top; */
	cursor:pointer;
}

.menu .sub {
	display:none;
}

/* IE6 only */
.menu table {
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;
}

.menu .sub {
	margin:0; 
	padding:0 0 0 60px;
	list-style:none;
}
.menu .sub li {background:transparent;}

.menu .select :hover .sub {
	height:18px;
	display:block; 
	position:absolute;
	float:left;
	width:750px;
	top:37px; 
	left:0; 
	text-align:center;
}

.menu .select :hover .sub li a {
	display:block;
	height:18px;
	line-height:16px;
	float:left;
	background:#62c2ff;
	/*background:transparent url(../images/transparent.gif); */
	padding:0 16px; 
	margin:0; 
	white-space:nowrap; 
	border:1px solid #000; 
	border-color:#fff #777 #666 #ddd; 
	color:#fff;
	font-size:10px;
}

.menu .select :hover .sub li a:hover{
	color:#62c2ff;
	background:#e8e8e8; 
	border-color: #fff #333 #000 #fff; 
	line-height:15px;
}


/********** PORTAFOLIO *************/

.trab_portafolio{
	margin-bottom:15px;
}
.img_portafolio{
	float:left;
	margin: 0 10px 10px 0;
}

.titulo{
	font-weight:bold;
	margin-bottom:5px
}

.desc{
	font-size:90%;
	margin-bottom:5px;
}

/***** AKI VA EL CAROUSEL ******************/


#proyectos{
	margin-top:80px;
}


/***** PIE DE PÄGINA ***********************/

#pie{
	width:100%;
	height:250px;
	margin-top:25px;
	padding:30px 0 0 0;
	background:url(../images/fnd_pie.jpg) #45b6ff repeat-x;
}

#cont_pie{
	width:870px;
	margin:auto;
}

.col_pie{
	float:left;
	width:180px;
	margin:auto;
	padding:0 0 0 50px;
}

/*html .col_pie{
	float:left;
	width:180px;
	margin:auto;
	padding:0 0 0 30px;;
}*/

.col_pie h4{
	color:#f90;
	background-image:url(../images/h3dots2.png);
}

/*html .col_pie h4{
	background:url(images/h3dots2.png) no-repeat !important;
	background-image: none; 
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/h3dots2.png);
}*/

.col_pie_creditos{
	float:left;
	width:320px;
	margin:auto;
	text-align:right;
	padding:115px 0 10px 50px;
}

.col_pie_creditos p{
	font-size:10px;
	color:#fff;
}

.col_pie_css{
	float:right;
	width:91px;
	height:60px;
}

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


.col_pie_css a{
	text-indent:10000px;
	overflow: hidden;
	position:relative;
	display:block;
	text-decoration: none;

}

a#css{
	width:91px;
	height:60px;
	background:url(../images/css.png) no-repeat;
}

/*html a#css{
	background:url(images/css.png) no-repeat !important;
	background-image: none; 
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/css.png);
}*/

a#css:hover{
	width:91px;
	height:60px;
	background:url(../images/css_over.png) no-repeat;
}

/*html a#css:hover{
	background:url(images/css_over.png) no-repeat !important;
	background-image: none; 
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/css_over.png);
	/*background:url(../images/css_over.png) no-repeat;*/
/*}*/

a#xhtml{
	width: 91px;
	height:60px;
	background: url(../images/xhtml.png) no-repeat;
}

/**html a#xhtml{
	background:url(images/xhtml.png) no-repeat !important;
	background-image: none; 
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/xhtml.png);
}*/

a#xhtml:hover{
	width: 91px;
	height:60px;
	background: url(../images/xhtml_over.png) no-repeat;
}

/*html a#xhtml:hover{
	background:url(images/xhtml_over.png) no-repeat !important;
	background-image: none; 
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/xhtml_over.png);
}*/


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

#pie ul{
	list-style:none;
	padding:0;
	width:210px;
}

#pie li{
	display:block;
	padding:5px 0px 5px 10px;
	border-bottom:dotted #fff 1px;
}

#pie ul li a{
	color:#fff;
	text-decoration:none;
}

#pie ul li a:hover{
	text-decoration:none;
	color:#fff;
	background-color:#0373a8;
}

.contact td{
	border:0px;
	padding:2px;
}

.LV_invalid{
	color:#900;
	font-size:9px;
}

.LV_valid{
	color:#093;
	font-size:9px;
}

#map{
	width:470px;
	height:300px;
	border:#06c dotted 2px;
}


/******** NOTICIAS *********/

#noticiasc{
	width:500px;
	margin:auto;
	margin-top:50px;
}

#noticiasc h3{
	font-size:20px;
	font-family:Verdana;
	letter-spacing:-2px;
	color:#09f;
	margin-bottom:10px;
}


#noticiasc p a{
	color: #06f;
	text-decoration:none;
}

#noticiasc p a:hover{
	text-decoration:line-through;
	color:#06f;
}

.noticia
{
	float:left;
	width:38px;
	height:26px;
	padding:7px 5px 7px 0px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:11px;
	margin-bottom:1px;
	background:url(../images/noticia.gif) no-repeat;
	text-transform:uppercase;
}

#noticiasc p {
	color:#666;
	font-size:12px;
}

.separa{
	width:390px;
	height:30px;
	margin:auto;
	margin-bottom:10px;
	background:url(../images/separa.jpg) no-repeat;
}

.contenido_1col{
	padding-top:25px;
}