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 {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: Helvetica, Arial;vertical-align: baseline; background:#FAFAFA;
}
html { text-align:center;padding:14px; }
body { background:#FAFAFA; text-align: left; line-height: 26px; font: 16px Helvetica, Sans-Serif;color: #1d1918; margin: 0 auto; width: 960px;}
.clear { clear: both; height: 0; width: 0; line-height: 0; font-size: .1px; }
.pic {margin-left:25px;}
hr { display: none; height: 0; padding: 0; margin: 0; }
img { border: none; }
.line {margin: 0 auto; width: 960px;}
h1#logo {float: left; padding-top: 20px;}
h1#logo a {background: url(images/logo_sergio_ortega.jpg) no-repeat 0 0; display: block; width: 200px; height: 120px;}
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}
#heading {padding:10px 0 0 0;}
.heading-cnt {float: left; width: 900px; padding:20px 5px 5px 5px; border-top: 1px dotted #d5d5d5;}
#heading p {color:#161514;font-family: georgia; font-size: 37.6px; font-size-adjust: none; font-variant: normal; font-stretch:normal; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 41px; margin-left:25px;}
.right { float: right; padding:0; margin-top:-85px;}
#nav {float: right; margin:65px 55px; font-family: arial; font-size: 15px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; color:#656565;}
#nav ul {list-style-type: none;}
#nav ul li {display: inline; float:left;}
#nav ul li a {padding: 0.2em 1em; color:#656565; text-decoration: none; float: left; }
#nav ul li a:hover {color: #7a002b; border-bottom: 1px dotted #656565;}
#nav li a.selected { color: #7a002b; border-bottom: 1px dotted #656565;}
.title { display:block; margin-bottom:10px;margin-top:10px; }
.title h2 { -x-system-font: none; font-size:18px; line-height: normal; color:#161514; font-weight:normal; font-style: normal; font-variant: normal; font-stretch: normal; float:left; margin:5px; padding:0; width:auto; }
.title span { font-size:14px; line-height:20px; color:#666666; font-weight:normal; font-style: normal; font-variant: normal; font-stretch: normal; float:left; }
h3.intro { font-family: Georgia, Serif;font-size: 16px; line-height:22px; color:#575656; font-style:italic; padding-top: 35px; margin:0; width:480px; }
/* contenido */
#content { float:left; width: 960px; min-height: 100%; height: 100%; margin:0 auto 10px auto; padding-top: 10px; padding-bottom:15px; text-align: left; }
#content h4 { font-family:arial;font-size:16px; color:#161514;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:600;line-height: 20px;text-align: left;margin:15px 0 0 0; padding:5px 10px;border-left: 10px solid #cccccc;background: #F5F5F5; }
#content p {width:570px;font-family:arial;font-size:14px;color: #1d1918;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal; padding:0 15px; line-height: 26px;text-align: left; margin:5px 0; list-style-type: square}
#content span { width:560px; font-size:14px; color:#666666; font-weight:normal; font-size-adjust:none; font-style: normal; font-variant: normal; font-stretch: normal; margin:2px 0 5px 20px; padding:0 10px; text-align: left; }
#content a {color: #7a002b; border-bottom: 1px dotted #7a002b; text-decoration:none;}
#content a:hover {color: #88857a; text-decoration: none; border-bottom: 1px dotted #88857a;}
#content li a, #content li a:hover {border:0;}
#content p.border { border-right: 1px dashed #d5d5d5; }
/* form */
#form { display: block; width:340px; background-color: white; margin-top:5px; }
label { display: block; font-size: 14px;float: left; clear: left; Width: 70px; line-height: 20px; margin-bottom: 10px; margin: 8px 0; padding: 0; }
input, textarea, select { margin: 0; padding: 2px; font-family: Helvetica, Arial; font-size: 0.75em; color: #161514; background: #F5F5F5; border: 1px solid #ccc; margin: 8px 0; padding: 2px;}
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #FFFFFF;
}
input.button { border:0; height:26px; float:left; background: #161514 none repeat scroll 0 0; margin-left:70px; color: #ffffff; cursor:pointer; text-align:left; font-family: arial; font-size:12px; padding:2px; font-weight:normal; font-stretch:normal; font-size-adjust:none; font-variant:normal;}
span.required{ font-size: 11px !important; color: red !important;
}
.errormsg {display: block; height: 12px; line-height: 15px; color: #333333; font-size:12px; font-weight: normal; background: #FF9D9D; padding: 3px 10px 3px 45px; margin: 10px 0;
border-top: 1px solid #FF0000; border-bottom: 1px solid #FF0000;}
.msgSent {font-size: 14px; text-align: center;}
/*--- social ---*/
div.three_col_wide_left { width: 900px;text-align:left; margin:15px 0;border-top: 1px dotted #d5d5d5;padding:10px 10px; }
div.three_col_wide_left div.left_column { float: left; width: 240px; margin:0 15px 0 0; padding:0; }
div.three_col_wide_left div.middle_column { float: left; width: 250px; margin:0 15px 0 15px; padding:0 20px;border-left: 1px dotted #d5d5d5;border-right: 1px dotted #d5d5d5; }
div.three_col_wide_left div.right_column { float: left; width: 280px; margin:0; padding:0; }
div.three_col_wide_left div.middle_column_about { float: left; width: 580px; margin:0 15px 0 15px; padding:0 0 0 20px;border-left: 1px dotted #d5d5d5; }
#acerca { float:left; width:250px; margin:10px 6px 20px 10px; padding:0; }
#acerca h4 { font-size:13.5px; height: 33px; color:#89867e; margin:0; padding:10px 35px; background: url(images/cv_icon.jpg) no-repeat left top; border:none; }
#acerca a {color:#89867e; text-decoration: none;}
#acerca a:hover {color:#161514; text-decoration:none;}
#acerca ul { padding: 5px 5px 5px 0; margin: 5px 5px 5px 0; list-style: none;}
#acerca ul li {color:#161514; margin:5px 0; padding:5px 0; font-size:13px; font-weight:normal; line-height: 16px; font-style: normal; font-variant: normal; font-stretch: normal; border-bottom: 1px solid #d5d5d5;}
ul.lista { padding: 10px; margin: 10px; list-style: none;}
ul.lista li span { color:#89867e; }
ul.lista li { color:#161514; margin-bottom:10px; padding:0; font-size:13px; font-weight:normal; line-height: 18px; font-style: normal; font-variant: normal; font-stretch: normal; }
ul.lista li a { color:#161514; text-decoration:none; display:block; }
ul.lista li a:hover { color:#7a002b; text-decoration:underline; display:block; }
ul.social { padding-top: 10px; margin-left: 10px; list-style: none;}
ul.social li { margin-bottom:10px; padding-left:5px; font-size:12px; color:#89867e; display: inline; }
ul.social li a { font-weight:bold; color:#323232; text-decoration:none; }
ul.social a img { filter:alpha(opacity=50); -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3; border:0; }
ul.social a:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }
#twitter { margin: 5px;}
#twitter h2 a { font-size:16px; text-decoration:none;line-height:22px; color:#161514; font-weight:normal; float:left; margin:5px; padding:5px 5px 0 25px; width:auto;background: url(images/twitter.gif) left top no-repeat; }
#twitter h2 a:hover { color:#89867e; }
#twitter span { font-size:14px; font-weight:normal; font-style: normal; font-variant: normal; font-stretch: normal; line-height:10px; color:#666666; }
#twitter ul { list-style: none; padding: 10px 0 0 10px; }
#twitter ul li { padding: 12px;color:#89867e;}
#twitter ul li a { font-size:13px;color:#666666; }
#twitter ul li a:hover { color:#7a002b; }
#twitter ul li span { font-size:13px; color: #161514; }
#twitter ul li span a { font-size:13px; }
.flickrimg { margin-bottom: 10px; }
#flickrimg1 { margin-right: 3px;border: 2px solid #161514; }
#flickrimg2 { margin-right: 3px;border: 2px solid #161514; }
#flickrimg3 { margin-right: 3px;border: 2px solid #161514; }
#flickrimg4 { margin-right: 3px;border: 2px solid #161514; }
#flickrimg5 { margin-right: 3px;border: 2px solid #161514; }
#flickrimg6 { margin-right: 3px;border: 2px solid #161514; }
#shelfari a {font-size:14.5px; color:#666666;font-weight:normal; line-height: 18px; font-style: normal; font-variant: normal; font-stretch: normal;}
#shelfari a:hover {color:#7a002b;}
/*--- pie ---*/
#footer { float: left;width: 900px;padding: 10px;;line-height:16px;border-top: 1px dotted #d5d5d5;margin-top:10px; }
#footer p { width: 100%;text-align: center;font-size: 11px;color: #444444; }
#footer p a { color: #88857a;text-decoration: none; }
#footer p a:hover { background-color:transparent none; color: #7a002b; }