/* Creixems Web Studio - Modelo general de CSS - CC 2.5*/

/*-------------------------Styles: Etiquetas Básicas----------------------*/

body {
	margin: 0;
	padding: 0;
	background: #BEDDBE url("images/pixel_fondohome.jpg");

	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Lucida Sans Unicode', helvetica, arial, sans-serif;

	/*font-family: "Trebuchet MS", Arial, Verdana;*/
	font-size:65%;
	text-align: left;
}

.textogris01_30 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #333333;
	text-decoration: none;
}
.textogris01_25 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	text-decoration: none;
}
.textogris01_18 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
}
.grismoradito12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #72557D;
	text-decoration: none;
}
.footer_resaltado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7A2DA5;
	text-decoration: none;
}

.raya 
{
	background: #FFFFFF url("images/index_10.jpg") no-repeat center 0;
	
}
.grisfucsia12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #75465C;
	text-decoration: none;
	line-height: 24px;
}
.naranja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}
.textoo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #989898;
	text-decoration: none;
}
.resaltadogris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.dorado12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
.gris12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	line-height: 16px;
}
.azul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006600;
}
.tit_azulclaro {
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	font-size: 12px;
	font-weight: bold;
}

.tit_parrafo {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 11px;
	font-weight:lighter;
}

.Estilo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
}



.resaltado {
	color: #344D67;
	font-weight: bold;
}

.textowhite {
	color: #ffffff;
	font-weight: bold;
}

.resaltemosleguey {
	font-size: 1.1em;
	font-weight:bold;
	color:#143E57;
	padding: 4px 8px 4px 8px;
	margin: 5px auto 10px auto;
	width: 80%;
	border: solid 1px #143E57;
	background-color:#BFD8E3;
	text-align:center;
}
.resaltemosleguey2 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	padding: 4px 8px 0px 8px;
	margin: 6px 0px 8px 0px;
	width: 92%;
	border: solid 1px #415872;
	background-color:#EFF2F5;
}

.images {
	border: none;
	text-align:left;
	float: left;
	margin: 0 8px 0 0;
}

.imagesright {
	border: none;
	text-align:left;
	float: right;
	padding-left: 10px;
}

.imagescenter {
	border: none;
	text-align:center;
	margin: auto;
}

.imagescenter img {
	border: none;

}
.geniuswork {
	width: 100%;
		clear:both;
	}
/*------------------------Item: portafolio-------------------------*/
.portafolio {
	background-color: #D5E1ED;
	margin: 4px;
	padding: 6px;
	height: 148px;
	width: 155px;
	border: 1px solid #738A9B;
	float:left;
	text-align:center;
}

.portafolio a{
	border: 0;
}
.portafolio img{
	border: 0;
	cursor:pointer;
}


/*------------------------Item: Formularios------------------*/

.formulario table {
	/*width: 100%;*/
}

	.formulario td, .formulario th {
		padding: 6px;
	}
	.formulario fieldset{
		border: solid 1px #87CE1C;
		padding: 3px 3px 3px 8px;
		}
	.formulario legend{
		border: solid 1px #87CE1C;
		padding: 3px;
		font-size: 1.2em;
		color: #4482A6;
		}
		
	.formulario input, .formulario textarea, .formulario select {
		border: 1px solid #324252;
		background-color: #CEDAE3;
		color: #324252;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:1em;
		padding: 2px;
		width: 140px;
		
	}
	
	.formulario input {
	}
	
	.formulario textarea {
		height: 70px;
	}
	
	.formulario .button {
	background-image: url(../img/enviar.jpg);
	height: 36px;
	width: 69px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #ffffff;
	cursor: pointer;
}

.formulario input#english.button {
	background-image: url(../img/send.jpg);
	height: 36px;
	width: 69px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #ffffff;
	cursor: pointer;
}

/*-----------------otros---------------*/

a.sabermas {
	float:right;
	clear:both;
	width: 125px;
	height: 35px;/*40-5*/
	padding: 5px 0 0 0;
	color:#185587;
	background-image:url(../img/sabermashover.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	font-size:1.2em;
	}
a.sabermas {
	background-image:url(../img/sabermas.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	}
a:hover.sabermas  {
	background-image:url(../img/sabermashover.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	}	
	

.pipe {
	width: 100%;
	height: 455px;
	text-align:left;
	font-size: 1.1em;
	line-height:130%;
	}
	
	.pipe .pipesTitle a{
		color: #669900;
		text-align:left;
		font-size: 1.2em;
		padding: 0 0 10px 0;
		}
	.pipesDescription{
		text-align:left;
		}
	h3.ybh {
	font-size: 1.6em;
	width:100%;
	padding-bottom:12px;
	border-bottom: solid 1px #009900;
	font-weight: bold;
	text-align:left;
	color: #426B95;
	margin-bottom: 12px;
	letter-spacing: -0.05em;
	}
	
	

/*-----------------------------Item: Tablas-------------------------*/

.tablatabulada {
	margin:auto;
}

	.tablatabulada td {
		padding: 4px;
		margin:0;
	}
	
		.tablatabulada thead td {
			font-weight: bold;
			background-color: #438015;
		}
	
		.tablatabuladasd thead td {
			font-weight: bold;
			background-color: red;
		}


/*-----------------------------Item: Tabs-------------------------*/

div.TabView div.Tabs {
  height: 24px;
  overflow: hidden;
  background: url('images/tabs.gif') no-repeat;
}

div.TabView div.Tabs a {
  float: left;
  display: block;
  width:  90px;
  text-align: center;
  height:      24px;
  line-height: 28px;
  vertical-align: middle;
  text-decoration: none;
  font-family: "Verdana", Serif;
  background: url('images/tabs3.gif');
  font-weight: 900;
  font-size: 9px;
  color: #989898;
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {
  background: url('images/tabs.gif');
}

div.TabView div.Pages {
  clear: both;
  border: 1px solid #E8E8E8;
  overflow: hidden;
  background: url('images/fondotab.jpg')
}

div.TabView div.Pages div.Page {
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad {
  padding: 3px 18px;
}

/*-----------------------------Menu-------------------------*/


#cfnavbar{
margin: 0;
padding: 0;
}

#cfnavbar ul{
background: url(media/bg.gif) repeat-x;
padding: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}

#cfnavbar ul li{
display: inline;
}


#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 8px 13px 5px 6px;
text-decoration: none;
background: url(media/divider.gif) top right no-repeat;
}

#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(media/leftcorner.gif) top left no-repeat;
}

#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(media/rightcorner.gif) top right no-repeat;
}

#cfnavbar ul li a:hover{
text-decoration: underline;
}

#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/*-----------------------------Abcla general-------------------------*/
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	font-weight: bold;
	font-size: 12px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #006600;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #006600;
}