/*esto me sirve para cambiar el color de las selecciones solo con mozilla*/
/**::-moz-selection { color: White; background: #E11A65; }*/
/*esto es para los otros navegadores aunque no se si funciona*/
/**::selection {
background:#E11A65;
color:White;
}*/
/*BODY*/
* {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #F2EEEF;
	color: #755762;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#marco{
	text-align: left;
	width: 780px;
	background: White;
	margin: 0px auto;
}
/***
ETIQUETAS GENRICAS
***/
em{
	font-style: normal;
	font-weight: bold;
}
a{
	text-decoration: underline;
	color: #E11A65;
	margin: 0px;
	padding: 0px;
	/*con esto logro que no se vea la molesta linea punteada alrededor de los links*/
	outline: 0;
}
a:hover{
	background-color: #E11A65;
	color: White;
	text-decoration: none;
}
/*margenes inferiores de todos los textos*/
p,h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}

p{
	margin: 0px;
	padding: 0px;
	padding-bottom:1em;
}

h2,h3{
	margin: 0px;
	padding: 0px;
	font-family:  "Times New Roman", Times, serif;
	color: #E11A65; 
	text-transform: capitalize;
	letter-spacing: -0.04em;
}

li{
	list-style: none;
}

/*em{
	font-weight: bold;
}*/

/*tamao de los textos*/
 p ,#menu_ppal , #cont_ppal ul.tip{
	font-size: 12px;
}

h2{
	font-size: 22px;
	margin-bottom: .5em;
	margin-top: 1em;
}
h3{
	font-size: 20px;
}

/*FIN*/

/***
 LAYOUT 
***/
/*BACKGROUND BODY*/
body{
	background-image: url(../imagenes/bkgMarco.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/*BRAND*/
#brand{
	background: #E11A65;
	width: 780px;
	height: 215px;
	background-image: url(../imagenes/bkgBrand.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#brand h1,#brand h2{
	text-indent: -9999px;
}
/*MENU PRINCIPAL*/
#menu_ppal{
	text-align: right;
	/*font-size: .8em;*/
}
#menu_ppal ul li{
	display: inline;
}
/*rellenos y colores genericos del menu principal para conseguir espacio*/
#menu_ppal,#menu_ppal ul li a{
	padding: .5em;
	background-color: #755762;
}
#menu_ppal ul li a{
	text-decoration: none;
	color: White;
}
#menu_ppal ul li a:hover, #menu_ppal ul li a.seleccionado {
	background: #443239;
}
/*CONTENIDO PRINCIPAL*/
/*la intencinn es crear una columna para el contenido principal*/
#cont_ppal{
	padding: 20px 20px 0 20px;
	background: White;
}
#cont_ppal h2 {
	background-image: url(../imagenes/cl.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	padding-left: 35px;
	clear:both;
}
#cont_ppal> h2:first-child{
	margin-top: -5px;
}
 
/*PIE*/

#pie {
	clear: both;
	color: #443239;
	background-color: #E11A65;
	background-image: url(../imagenes/bkgPie.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 1em;
}
#pie p ,#pie a{
	font-size: xx-small;
}
#pie a{
	color: #E5DCDF;
	text-decoration: none;
}
#pie a:hover{
	text-decoration: none;
	background: #443239;
}
#pie p{
	padding: 0;
	margin: 0;
}
/*menu secundario*/
#pie #menu_secun {
	padding-top: 240px;
	padding-bottom: 1em;
	
	
}
#pie #menu_secun li{
	display: inline;
}
/*direccion Cinthya Lavini*/
#pie #direccion {

}
#pie #desarrollo{
	text-align: right;
	padding-bottom: 1em;
}
#pie #direccion #logo_pie span {
	display: none;
}

#pie #direccion #logo_pie a{
   background-image: url(../imagenes/cintyaLavini_blanco.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width: 105px;
	height:15px;
	display: block;
	margin-bottom: .5em;
}
/*FIN*/

/***
SECCIONES
***/

/*INICIO*/

/*Esta seccin esta formaba basicamente por dos subSecciones, 
que se encuentran una debajo de la otra,
la subSeccion bienvenida(dos columnas) y la subSeccion destacados(3 columnas)
*/

/*subSeccion bienvenida(dos columnas)*/
#cont_ppal #bienvenida{
	float:left;
	width: 100%;
}
#cont_ppal #bienvenida_txt{
	float: left; 
	width: 60%;
	/*width: 520px;*/
	 /*padding-top: 40px;*/
}
#cont_ppal #bienvenida_img{
	float: right;
	width: 38%; /*width: 202px;*/
	text-align: center; /*padding-top: 40px;*//*padding-top: 40px;*/
}
#cont_ppal #bienvenida_img p{
	margin: 0;
	padding: 0;
	/*padding-bottom: 5px;*/
	
}
#cont_ppal #bienvenida_img img{
	/*border: 15px solid #F7F4F4;*/
	padding-bottom: 5px;
}
#cont_ppal #bienvenida_img h2{
	/*margin: 0;
	padding: 0;
	padding-left: 32px;*/
	/*text-align: center;*/
	/*background-position: center;*/
}

#cont_ppal #bienvenida #bienvenida_img .firma span {
	display: none;
}
#marco #cont_ppal #bienvenida #bienvenida_img .firma a {
	display: block;
	background-image: url(../imagenes/firmaRosa.gif); /*background-repeat: no-repeat;*/
	background-position: top  center;
	background-repeat: no-repeat;
	height: 19px;
	width: 100%;
}

#marco #cont_ppal #bienvenida #bienvenida_img .firma a:hover {
	background-color: White;
}




/*subSeccion destacados(3 columnas)*/
/*sacar el float a destacados para que ie no rompa el layOut*/
 #destacados{
	text-align: justify;
	width: 760px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	padding-top: 25px;
	float: left;
}
#destacados img{
	display: block;
	margin: 0 auto;
}

#destacados p{
	padding: 0;
	margin: 0;
	width: 200px;
	text-align: left;
}
#destacados p:first-line{
font-weight: bold;
}
#destacados p.mas_info  {
	font-weight: normal;
	text-align: right;
	margin-top: 1em;
}

#destacados h3,#destacados p{
	margin: 0 auto;
}
#destacados h3{
	width: 180px;
	text-align: left;
	text-transform: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	margin-bottom: 1em;
	background: #755762;
	padding: 10px;
	margin-bottom: 1em;
	font-size: 12px;
}
#destacados h2{
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: White;
	background: #755762;
	margin-bottom: 1em;
	font-size: 12px;
	padding: 1em;
}
#destacados #destacado_1,
#destacados #destacado_2,
#destacados #destacado_3{
	float: left;
}
#destacados #destacado_1{
	width: 33%;
	float: left;
	padding-bottom: 10px;
}

#destacados #destacado_2{
	width: 34%;
	float: left;
	padding-bottom: 10px;
}

#destacados #destacado_3{
	width: 33%;
	float: left;
	padding-bottom: 10px;
}

/*SERVICIOS*/

/*PORTAFOLIO*/
#cont_ppal .item_portafolio {
	background-color: #F7F4F4;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
#cont_ppal .item_portafolio img{
	float: left;
	display: block;
}
#cont_ppal .item_portafolio h3,#cont_ppal .item_portafolio p{
	padding-right: 20px;
	text-align: left;
	margin-left: 400px;
	padding-left: 20px;
}
#cont_ppal .item_portafolio p {
	font-size: 10px;
}
#cont_ppal .item_portafolio h3{
	background: #E2DCDC;
	color: #E11A65;
	text-transform: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 10px 10px 20px;
	margin-bottom: 1em;
}

/*TIPS y SERVICIOS*/
/*armando dos columnas que tambien me tienen que servir para la seccion de servicios supuestamente.*/

#columna_uno, #columna_dos{
	/*width: 355px;*/
	width: 280px;
	padding: 20px;
}
#columna_uno img,#columna_dos img{
	width: 280px;
}
#columna_uno{
	padding-left: 50px;
}
#columna_dos{
	padding-right: 50px;
	
}
p.imagenServicios {
	margin: 0;
	padding: 0;
	margin-top: -10px;
}







#columna_uno{
	float: left;
}
#columna_dos{
	float: right;
}
#columna_uno p, #columna_dos p{
padding-top: 10px;
}
#columna_uno h3, #columna_dos h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #E2DCDC;
	text-transform: none;
	padding: 10px;
	
}
/*TIPS propiamente dichos*/
#cont_ppal ul.tip{
	margin: 1em 0 3em 0;
	padding: .5em 0 1em 0;
	font-size: 12px;
	text-align: left;
}
#cont_ppal ul.tip li {
	color: #755762;
	list-style: disc;
	list-style-position: inside; 
	margin-bottom: .7em;
}

/*listado de servicios*/

#listado_servicios {
	font-size: 20px;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #F7F4F4;
	height: 100%;
}

#listado_servicios li{
	padding: 0 0 5px 0;
	/*margin: -3px 0;*/
	list-style: disc;
	list-style-position: inside; 
}
#listado_servicios li a{
	text-decoration: none;
	color: #443239;
}
#listado_servicios li a:hover{
	color: White;
}

/*CONSU*/
p.consulta{
margin-left: 35px;
margin-right:35px;
}

.aclaracion {
	font-size: 9px;
}


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







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


/*slideShow*/

#marco #cont_ppal #slide_show {
	margin: 0 auto;
	width: 400px;
	padding-top:20px;
}