/* DISEÑO CSS POR VVALDEBE
TWITTER.COM/VVALDEBE
VVALDEBE[AT]GOOGLEMAIL[DOT]COM
*/



img, div, a, input { behavior: url("http://www.rosaagustina.cl/fixpng/iepngfix_v2/iepngfix.htc") }

body{
	font-size: small;
	color: #333;
	margin: 0 20px 2em 20px;
	line-height: 140%;
	background: #bfbfbf;
	margin: 0 0 0 0;
}

#header{
	margin: 0 0; padding:0 0; height:293px; background:url(../img/bg-header.jpg) repeat-x;
}
	
#header-int{
	margin: 0 auto; padding:0 0; width:1000px; height:293px; background:url(../img/header.jpg) repeat-x;	
}

#logotipo{
	margin: 0 310px;
	padding:105px 0 0 70px;
	width:310px;
	height:182px;
	background:url(../img/header-lineas-trans.png)  no-repeat;
}

#content{
	margin: 0 0;
	padding:0 0;
	height:450px;
	background: url(../img/bg-content.jpg) #bfbfbf repeat-x;
}


#contenedor {
	margin:auto;
	padding:0;
	border:0;
	width:1000px;  /*  Ancho total del layout  */
	height:450px;
	text-align:center;
	
	font-family:"myriad pro",Helvetica,Calibri,Arial,sans-serif;
}

#cont-izq {
	padding:40px 20px 0 80px;
	border:0;
	width:358px;  /*  Ancho total del layout  */
	height:170px;
	float:left;
	text-align:right;
	color:#555;
	line-height:17px;
	font-size:15px;
	font-family:"myriad pro",Helvetica,Calibri,Arial,sans-serif;
	border-right: solid #f3f3f3 1px;
	display: inline;
	text-shadow:1px 2px 1px #fff;
}

#cont-izq h1 {
	-x-system-font:none;
	color:#fff;
	font-family:"myriad pro",Helvetica,Calibri,Arial,sans-serif;
	font-size:34px;
	font-weight:bold;
	line-height:32px;
	letter-spacing:-1px;
	text-shadow:2px 3px 2px #989898;
	padding: 3px;
}

#cont-izq h1 a {
	-x-system-font:none;
	color:#fff;
	font-family:"myriad pro",Helvetica,Calibri,Arial,sans-serif;
	font-size:34px;
	font-weight:bold;
	line-height:32px;
	letter-spacing:-1px;
	text-shadow:2px 3px 2px #989898;
	padding: 3px 3px 0 3px;
}

#cont-izq h1 a:hover {
	-x-system-font:none;
	background: #DCDCDC;
	color:#fff;
	font-family:"myriad pro",Helvetica,Calibri,Arial,sans-serif;
	font-size:34px;
	font-weight:bold;
	line-height:32px;
	letter-spacing:-1px;
	text-shadow:2px 3px 2px #989898;
	padding: 3px;
}

#cont-der {
	width:500px;  /*  Ancho total del layout  */
	height:350px;
	float:right;
	text-align:left;
	color:#555;
	line-height:14px;
	font-size:14px;
	font-family:"myriad pro",Helvetica,Calibri,Arial,sans-serif;
	padding: 65px 0 0 20px;
}


#cont-der a {
	color:#787878; text-decoration:none;
}

#cont-der a:hover {
	color: blue; text-decoration:none;
}


#cont-der h2 {
	-x-system-font:none;
	color:#fff;
	font-family:"myriad pro",Helvetica,Calibri,Arial,sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:-1px;
	text-shadow:1px 1px 1px #777;
	padding:0 0 5px 0;
	margin:0;
}

ul{
	margin:0 0; padding:0 0; text-decoration:none; list-style: none;

}

li{
	padding: 0 0 3px 0;
}


#logo {	padding: 60px 0 30px 0;	width: 260px;	float: left;
}

#contacto {	padding: 60px 0 30px 0;	width: 640px;	float: right;
}

a:link{color:#039}
a:visited{color:#666}
a:hover{color:#333}
a:active{color:#000}




/*-------------------------------------------FORMULARIO*/
#formulario{
	width:490px;
	float:left;
	font-family: "myriad pro", Helvetica, Calibri, Arial, sans-serif;
	color: #4E3D2D;
	font-size: 12px;
	margin: 0px 0 10px 0;
	height: 200px;
	border-bottom:solid 1px #ccc;
}



#site_textcontleft{
	width:220px;
	float:left;
}

#site_textcontright{
	width:250px;
	float:right;
}


/*-------------------------------------------FORMULARIO*/

#con{
	width:490px;
	float:left;
	color:#555;
	line-height:14px;
	font-size:14px;
	font-family:"myriad pro",Helvetica,Calibri,Arial,sans-serif;
	margin: 0px 0 10px 3px;
	height: 80px;
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #e6e6e6;
	padding: 10px 0 0 0;
}
