/*--------------------------------------------------

########### CSS RESET

--------------------------------------------------*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p,

blockquote, pre, a, abbr, acronym, address, big,

cite, code, del, dfn, em, font, img,

ins, kbd, q, s, samp, small, strike,

strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}

body {line-height: 1;}

:focus {outline: 0;}

ol, ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

input, textarea {margin: 0;padding: 0;}

hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}



/*--------------------------------------------------

########### HTML Tags

--------------------------------------------------*/

html, body

{

background-image: url(../images/background.jpg);

background-repeat:repeat-x;

height: 100%;

background-color: #035779;

}



h1{	color:#0B76AE;	font-family: Arial, Helvetica, sans-serif;	font-size: 20px;	font-style: normal;	font-weight: normal;	font-variant: normal;}

h2{	color:#E5781B;	margin-bottom:8px;	font-family: Arial, Helvetica, sans-serif;	font-size: 20px;	font-style: normal;	font-weight: bold;	font-variant: normal;	padding-left: 15px;}

h3{	color:#0B76AE;	margin-bottom:8px;	font-family: Arial, Helvetica, sans-serif;	font-size: 15px;	font-style: normal;	font-weight: bold;	font-variant: normal;	padding-left: 15px;	line-height: 20px;}



p{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #666666;	line-height: 18px;	padding-left: 15px;}
em{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #666666;	font-style:italic;}


strong{font-weight: bold;}


a{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #0B76AE;line-height: 18px;text-decoration: none;}

a:hover{color: #666666;text-decoration: underline;}





ul{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666666;line-height: 18px;padding-left: 50px;}

ul a{color: #666666;text-decoration: none;}

ul a:hover{color: #666666;text-decoration: underline;}



li{list-style-image: url(../images/bullet2.jpg);}



.list2{list-style-image: url(../images/bullet2.jpg);}



#wraper

{

margin: 0 auto;

width: 900px;

}



#header

{

width: 900px;

height: 235px;

}



#container

{

width: 100%;

height: auto;

background-color: #ECECE2;

}



#footer

{

height: 51px;

width: 100%;

}



.logo

{

width: 302px;

height: 113px;

float: left;

margin: 0;

}



.supnav

{

width: 900px;

height: 176px;

float: right;

margin: 0px;

}



.nav

{

height: 59px;

width: 900px;

float: left;

}



.banner

{

width: 100%;

height: 190px;

padding-top: 10px;

}

.banner_int

{

width: 100%;

height: 10px;

padding-top: 10px;

}



.content

{

overflow: auto;

}



.panel_right

{

width: 274px;

height: auto;

float: right;

position: relative;

}



.panel_right p

{

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #333333;

padding-left: 25px;

line-height: 18px;

}



#homeleft{

	margin-left: 0px;

	width: 270px;

	height: 230px;

	float:left;

}



#homeright{

	margin-right: 0px;

	width: 280px;

	height: 230px;

	float: right;

}



.title01

{

width: 255px;

height: 53px;

}



.sup

{

margin-top: 12px;

width: 253px;

height: 15px;

}



.inf

{

width: 253px;

height: 15px;

}



.cen

{

width: 253px;

background-color: #FFFFFF;

}



.panel_left

{

	position: relative;

	width: 600px;

	float: left;

}



.title02

{

padding-left: 20px;

}



.sup1

{

margin-top: 12px;

padding-left: 20px;

}



.cen1{

	margin-left: 20px;	/*margin-right: 17px;*/

	background-color:#FFFFFF;

	overflow: hidden;

	width: 567px;

	padding-left: 8px;

	padding-right: 8px;

	padding-top: 10px;
	min-height:567px;

}

.cen2{

	margin-left: 20px;	/*margin-right: 17px;*/

	background-color:#FFFFFF;

	overflow: auto;

	width: 840px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 10px;

}



.inf1

{

padding-left: 20px;

}



.img1

{

	float: right;

	width: 210px;

	height: 179px;

	position: relative;

	margin-right: 0px;

}



.paragraph1

{

	float: left;

	width: 340px;

	padding-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

	color: #333333;

	font-size: 12px;

	line-height: 18px;

	padding-top: 5px;

}



.title4

{

margin-top: 190px;

padding-left: 15px;

}



.pleft

{

margin-left: 10px;

background-image: url(../images/left_p2.jpg);

width: 265px;

height: 300px;

float: left;

}



.inner_pleft

{

margin: 55px 15px 0 30px;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

line-height: 18px;

color: #333333;

}



.pright

{

	margin-right: 0px;

	background-image: url(../images/right_p2.jpg);

	width: 265px;

	height: 300px;

	float: right;

}



.inner_pright

{

margin: 55px 15px 0 30px;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

line-height: 18px;

color: #333333;

}



.link1{color: #0B76AE;font-weight: bold;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}

.link1 a{color: #003366;text-decoration: none;}

.link1 a:hover{color: #003366;text-decoration: none;}



.link2{	color: #666666;	text-decoration: none;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 20px;}

.link2 a{color: #003366;text-decoration: none;}

.link2 a:hover{color: #0B76AE;text-decoration: none;}



.link3{

	color: #E67819;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 25px;

	font-weight: normal;

}

.link3 a{color: #003366;text-decoration: none;}

.link3 a:hover{color: #0B76AE;text-decoration: none;}



.infnav

{

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #666;

}



.infnav a

{

text-decoration: none;

color: #333333;

}



.infnav a:hover

{

text-decoration: underline;

color: #333333;

}



.text_footer

{

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #FFFFFF;

}



.text_footer a

{

text-decoration: none;

color: #FFFFFF;

}



.text_footer a:hover

{

text-decoration: underline;

color: #FFFFFF;

}



.photo_izq

{

	width: 150px;

	height: 169px;

	float: left;

	text-align: center;

	margin-left: 15px;

}

.photo_izq_small

{

	width: 200px;

	height: 140px;

	float: left;

	text-align: center;

}

.text_der

{

	width: 370px;

	height: auto;

	float: right;

	overflow: auto;

	padding-right: 15px;

}

.text_der2

{

	width: 340px;

	float: right;

	padding-right: 15px;

}



.title1

{

color: #003366;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}



.title2

{

color: #003366;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

}



.point

{

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #CC6600;

}



.separator

{

	border-bottom: dotted 1px #666666;

	width: 560px;

	float: left;

	margin-bottom: 10px;

	margin-top: 10px;

}



.warning

{

color: #FF0000;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}

.bullet_home{

background:transparent url("../images/bullet2.jpg") no-repeat; padding-left:12px;

font-family: Arial, Helvetica, sans-serif;

	color: #333333;

	font-size: 12px;

	line-height: 18px;}



#awards{

width:567px;

float:left;

margin-bottom:30px;

}

#awards_foto{

width:220px;

float:left;

padding-left:10px;

}

#awards_txt{

width:320px;

float:right;

padding-right:10px;

}



#dire{

width:560px;

float:left;

margin-bottom:30px;

}

#dire1{

width:220px;

float:left;

}

#dire2{

width:320px;

float:right;

padding-right:10px;

}