@charset "utf-8";
body {
	background-color: #e4e2dc;
	margin: 0px;
	font-family: Calibri;
	color: #000;
	text-decoration: none;
	word-spacing: 0.15em;
	letter-spacing: 0;
	line-height: 1.3em;
	font-size: 15px;
}
#cont {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	background-color: #E4E2DC;
}
#head {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	height: 139px;
	width: 148px;
}
#lema {
	float: right;
	width: 275px;
	background-image: url(../imgs/valores.png);
	background-repeat: no-repeat;
	height: 40px;
	margin-top: 47px;
}
#menu {
	width: 960px;
	height: 39px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	clear: both;
	background-color: #c0c0c0;
}
#separador {
	height: 1px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#secss {
	background-color: #fff;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 100%;
}


.titulos {
		font-family: Arial;
		color: #343233;
		text-decoration: none;
		word-spacing: 0.15em;
		letter-spacing: 0;
		line-height: 1.3em;
		font-size: 21px;
		font-weight: bolder
}
.titulos-seccs {
		font-family: Arial;
		color: #55a3da;
		text-decoration: none;
		word-spacing: 0.15em;
		letter-spacing: 0;
		line-height: 1.3em;
		font-size: 21px;
		font-weight: bolder
}
.tituloscallback {
		font-family: Arial;
		color: #000;
		text-decoration: none;
		word-spacing: 0.15em;
		letter-spacing: 0;
		line-height: 1.3em;
		font-size: 12px;
		font-weight: bolder
}
.txtfoot {
		font-family: Arial;
		color: #a9a9a9;
		text-decoration: none;
		word-spacing: 0.15em;
		letter-spacing: 0;
		line-height: 1.3em;
		font-size: 14px;
}
ul{
margin:0;
padding:0;
margin-left: 15px;
}

li{
display:inline;
list-type:none;
}

a.glidebutton{
display: inline-block;
position: relative;
color: #000; /* default color */
background: #c0c0c0; /* default bg color */
text-decoration: none;
font: 14px Arial; /* font settings */
letter-spacing: 1px; /* font settings */
overflow: hidden;
height: 32px; /* height of each button */
width: 150px; /* height of each button */
text-align: center;
border-radius: 6px; /* border radius */
-moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

a.glidebutton > span:first-child{ /* first span inside button */
position: relative;
display: block;
height: 100%;
padding: 6px; /* padding of button */
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

a.glidebutton > span:first-child:after{ /* CSS generated content */
content: attr(data-text); /* Duplicate text of span markup */
display: block;
width: 100%;
height: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: inherit;
position: absolute;
top:100%;
left:0;
}

a.glidebutton:hover{
color: white; /* color of button on hover */
background: #55a3da; /* bg color of button on hover */
box-shadow: 0 0 4px #e4e2dc inset;
}

a.glidebutton:hover > span:first-child{
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
#binvenida {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-color: #fff;
	height: 255px;
}
#teasers {
	clear: both;
	width: 960px;
	height: 320px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 17px;
}
#callback {
	background-image: url(../imgs/fondocallback.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 68px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#txtcallback {
	display: block;
	float: left;
	width: 40%;
	margin-left: 230px;
	margin-top: 7px;
}
#foot {
	background-color: #4a4744;
	clear: both;
	height: 60px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#txtfoot {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
}
#foottexture {
	background-image: url(../imgs/footback.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 32px;
	width: 960px;
}

#btncallback {
	display: block;
	float: left;
	width: 100px;
	height: 25px;
	margin-left: 18px;
	margin-top: 21px;
}
#teaser1 {
	display: block;
	float: left;
	width: 275px;
	margin-left: 40px;
}
#teaser2 {
	display: block;
	float: left;
	width: 275px;
	margin-left: 35px;
}
#teaser3 {
	display: block;
	float: left;
	width: 275px;
	margin-left: 35px;
}
#imgbienvenida {
	background-image: url(../imgs/imgindxwelcm.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 217px;
	width: 431px;
	margin-top: 19px;
	padding-right: 23px;
}
#imgseccs {
	float: right;
	height: 217px;
	width: 431px;
	margin-top: 19px;
	padding-right: 23px;
}
#txtwelcome {
	float: left;
	width: 440px;
	background-color: #fff;
	padding-top: 19px;
	padding-left: 19px;
}
#btnnotaria {
	width: 14%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
}
a.ligafoot {
	font-family: "Calibri", Arial, Verdana;
	font-size: 14px;
	color: #55a3da;
}
a.ligamenu:link {
	text-decoration: none;
}
a.ligafoot:visited {
	text-decoration: none;
	color: #55a3da;
}
a.ligafoot:hover {
	color: #55a3da;
	text-decoration: underline;
}
a.ligafoot:active {
	text-decoration: none;
	color: #55a3da;
}
#divselectorindex {
	height: 250px;
	width: 549px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 125px;
}

#lic {
	float: right;
	width: 415px;
	background-image: url(/2013/133/imgs/notaria133-lic.png);
	background-repeat: no-repeat;
	height: 40px;
	margin-top: 47px;
}